fix placeholder hover

microsoftgraph · Aug 16, 2023 · 6611d40 · 6611d40
1 parent b4130d6
commit 6611d40
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/packages/mgt-components/src/components/mgt-picker/mgt-picker.scss b/packages/mgt-components/src/components/mgt-picker/mgt-picker.scss
@@ -19,12 +19,14 @@
 
     fluent-combobox {
       &::part(control) {
-        .selected-value {
+        &::placeholder {
           color: $picker-text-color;
         }
 
         &:hover {
-          --secondary-text-color: var(--secondary-text-hover-color);
+          &::placeholder {
+            color: $picker-text-hover-color;
+          }
         }
       }
     }

diff --git a/packages/mgt-components/src/components/mgt-picker/mgt-picker.theme.scss b/packages/mgt-components/src/components/mgt-picker/mgt-picker.theme.scss
@@ -9,3 +9,4 @@
 
 $picker-background-color: var(--picker-background-color, transparent);
 $picker-text-color: var(--picker-text-color, var(--secondary-text-color));
+$picker-text-hover-color: var(--picker-text-color-hover, var(--secondary-text-hover-color));