Show label_minor on pseudo nodes, that might not have much other info

weaveworks · Jul 25, 2016 · 2ff6e74 · 2ff6e74
1 parent a5353dc
commit 2ff6e74
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 1 deletion.
diff --git a/client/app/scripts/charts/nodes-grid.js b/client/app/scripts/charts/nodes-grid.js
@@ -64,7 +64,10 @@ function renderIdCell(props, onClick) {
     <div className="nodes-grid-id-column" onClick={onClick}>
       <div className="content">
         <div style={style}><i className="fa fa-square" /></div>
-        <div className="truncate">{props.label}</div>
+        <div className="truncate">
+          {props.label} {props.pseudo &&
+            <span className="nodes-grid-label-minor">{props.label_minor}</span>}
+        </div>
       </div>
     </div>
   );

diff --git a/client/app/styles/main.less b/client/app/styles/main.less
@@ -1522,6 +1522,10 @@ h2 {
     border-radius: 6px;
   }
 
+  &-label-minor {
+    opacity: 0.7;
+  }
+
   &-id-column {
     margin: -3px -4px;
     padding: 2px 2px;