fix: use --lumo-clickable-cursor, refactor styles (#2977)

vaadin · Nov 4, 2021 · bb94dca · bb94dca
1 parent ce825aa
commit bb94dca
Showing 1 changed file with 9 additions and 5 deletions.
diff --git a/packages/select/theme/lumo/vaadin-select-styles.js b/packages/select/theme/lumo/vaadin-select-styles.js
@@ -15,21 +15,25 @@ const select = css`
     text-align: start;
   }
 
+  [part='input-field'] {
+    cursor: var(--lumo-clickable-cursor);
+  }
+
   [part='input-field'] ::slotted([slot='value']) {
     font-weight: 500;
   }
 
+  [part='input-field'] ::slotted([slot='value']:not([placeholder])) {
+    color: var(--lumo-body-text-color);
+  }
+
   /* placeholder styles */
-  :host [part='input-field'] ::slotted([slot='value'][placeholder]) {
+  [part='input-field'] ::slotted([slot='value'][placeholder]) {
     color: inherit;
     transition: opacity 0.175s 0.1s;
     opacity: 0.5;
   }
 
-  :host [part='input-field'] ::slotted([slot='value']) {
-    color: var(--lumo-body-text-color);
-  }
-
   [part='toggle-button']::before {
     content: var(--lumo-icons-dropdown);
   }