long label displayed when selected

urdeveloper · Nov 23, 2018 · 2ef9a98 · 2ef9a98
1 parent c01e5e1
commit 2ef9a98
Showing 1 changed file with 6 additions and 3 deletions.
diff --git a/ud-stepper.html b/ud-stepper.html
@@ -119,11 +119,14 @@
     }
 
 
-    :host(:not([vertical])) .header:hover {
+    :host(:not([vertical])) .header:hover,  
+    :host(:not([vertical])) .header[selected] {
       overflow: visible;
     }
 
-    :host(:not([vertical])) .header:hover .label-text .main {
+    :host(:not([vertical])) .header:hover .label-text .main,
+    :host(:not([vertical])) .header[selected] .label-text .main 
+    {
       max-width: fit-content;
     }
 
@@ -202,7 +205,7 @@
       display: inline-block;
       position: relative;
       width: 1px;
-      left: 3px;
+      left: 6px;
       margin-top: -10px;
       margin-bottom: -16px;
       background-color: rgba(0, 0, 0, 0.1);