Merge pull request #61 from etchteam/feature/etch-579-disabled-button…

…s-still-have-a-hover-state Fix disabled button hover
etchteam · May 14, 2024 · b715f23 · b715f23
2 parents 7e6e89a + 11ca856
commit b715f23
Showing 1 changed file with 1 addition and 8 deletions.
diff --git a/components/control/Button/Button.css b/components/control/Button/Button.css
@@ -46,7 +46,7 @@ diamond-button {
     user-select: none;
 
     @media (hover: hover) {
-      &:hover {
+      &:not([disabled]):hover {
         --_background: var(--_background-hover);
         --_border-color: var(--_border-color-hover);
         --_color: var(--_color-hover);
@@ -76,19 +76,12 @@ diamond-button {
     inline-size: var(--diamond-icon-size);
   }
 
-  [disabled],
   [disabled],
   [type='file'][disabled]::file-selector-button {
     --_background: var(--_background-disabled);
     --_color: var(--_color-disabled);
     --_border-color: var(--_border-color-disabled);
     cursor: not-allowed;
-
-    &:hover {
-      --_background: var(--_background-disabled);
-      --_color: var(--_color-disabled);
-      --_border-color: var(--_border-color-disabled);
-    }
   }
 
   &[size='sm'] {