fix(core/presentation): prevent the hover jitters on pipeline graph l…

…abels (#7311)
spinnaker · Aug 9, 2019 · cef1c09 · cef1c09
1 parent eb69803
commit cef1c09
Showing 1 changed file with 5 additions and 0 deletions.
diff --git a/app/scripts/modules/core/src/pipeline/config/graph/pipelineGraph.less b/app/scripts/modules/core/src/pipeline/config/graph/pipelineGraph.less
@@ -106,6 +106,7 @@ pipeline-graph,
       a:hover {
         color: var(--color-mineshaft);
         font-weight: 600;
+        letter-spacing: 0;
         text-decoration: none;
       }
       div.execution-stage-label {
@@ -122,12 +123,14 @@ pipeline-graph,
           -1px 0 0 var(--color-white);
         word-wrap: break-word;
         transition: color 0.2s;
+        letter-spacing: 0.015em;
       }
       &.active,
       &.highlighted {
         div.label-body {
           color: var(--color-mineshaft);
           font-weight: 600;
+          letter-spacing: 0;
         }
         div.execution-stage-label {
           .label-component {
@@ -139,13 +142,15 @@ pipeline-graph,
             text-shadow: none;
           }
           font-weight: 600;
+          letter-spacing: 0;
           margin-left: -12px;
           padding-left: 12px;
         }
       }
       &.highlighted {
         div.label-body {
           font-weight: 400;
+          letter-spacing: 0.015em;
         }
       }
     }