Просмотр исходного кода

increase specificity of select trigger hover/expanded states

David Hill 1 месяц назад
Родитель
Сommit
73b1bc42f4
1 измененных файлов с 3 добавлено и 6 удалено
  1. 3 6
      packages/ui/src/components/select.css

+ 3 - 6
packages/ui/src/components/select.css

@@ -29,12 +29,9 @@
       transition: transform 0.1s ease-in-out;
     }
 
-    &:hover {
-      background-color: var(--input-base);
-      box-shadow: var(--shadow-xs-border-base);
-    }
-
-    &[data-expanded] {
+    &[data-slot="select-select-trigger"]:hover:not(:disabled),
+    &[data-slot="select-select-trigger"][data-expanded],
+    &[data-slot="select-select-trigger"][data-expanded]:hover:not(:disabled) {
       background-color: var(--input-base);
       box-shadow: var(--shadow-xs-border-base);
     }