From 907290dda8a637dfa209f7f805dc84ad24917c08 Mon Sep 17 00:00:00 2001
From: sg00dwin <sgoodwin@redhat.com>
Date: Wed, 13 Mar 2019 15:18:11 -0400
Subject: [PATCH] Add css to truncated container image name to communicate to
 the user that the entire string can be selected and copied.

Related https://github.com/openshift/console/pull/1214#issuecomment-470808101
---
 frontend/public/components/pod.jsx | 2 +-
 frontend/public/style/_common.scss | 5 +++++
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/frontend/public/components/pod.jsx b/frontend/public/components/pod.jsx
index 165c82407bc..b329593530a 100644
--- a/frontend/public/components/pod.jsx
+++ b/frontend/public/components/pod.jsx
@@ -101,7 +101,7 @@ export const ContainerRow = ({pod, container}) => {
     <div className="col-lg-2 col-md-3 col-sm-4 col-xs-5">
       <ContainerLink pod={pod} name={container.name} />
     </div>
-    <div className="col-lg-2 col-md-3 col-sm-5 col-xs-7 co-truncate co-nowrap">{container.image || '-'}</div>
+    <div className="col-lg-2 col-md-3 col-sm-5 col-xs-7 co-truncate co-nowrap co-select-to-copy">{container.image || '-'}</div>
     <div className="col-lg-2 col-md-2 col-sm-3 hidden-xs"><StatusIcon status={cstate.label} /></div>
     <div className="col-lg-1 col-md-2 hidden-sm hidden-xs">{_.get(cstatus, 'restartCount', '0')}</div>
     <div className="col-lg-2 col-md-2 hidden-sm hidden-xs"><Timestamp timestamp={startedAt} /></div>
diff --git a/frontend/public/style/_common.scss b/frontend/public/style/_common.scss
index 2faee08c042..0f36ce6b8b9 100644
--- a/frontend/public/style/_common.scss
+++ b/frontend/public/style/_common.scss
@@ -375,6 +375,11 @@
   text-overflow: ellipsis;
 }
 
+.co-select-to-copy {
+  cursor: copy;
+  user-select: all;
+}
+
 .co-nowrap {
   white-space: nowrap;
 }