IBX-6252: Update hover styles for --selector button (#877)

ibexa · Sep 13, 2023 · 781b3cd · 781b3cd
1 parent 5cb9c51
commit 781b3cd
Showing 1 changed file with 17 additions and 1 deletion.
diff --git a/src/bundle/Resources/public/scss/_buttons.scss b/src/bundle/Resources/public/scss/_buttons.scss
@@ -307,6 +307,7 @@
         color: $ibexa-color-dark;
         fill: $ibexa-color-dark;
         padding: calculateRem(11px) calculateRem(12px);
+        pointer-events: auto;
 
         &.ibexa-btn--selected {
             background-color: $ibexa-color-info-200;
@@ -326,15 +327,30 @@
         }
 
         &:not(.ibexa-btn--selected) {
-            &:hover,
             &:focus {
                 border-color: $ibexa-color-info;
+                box-shadow: 0 0 0 calculateRem(4px) rgba($ibexa-color-info, 0.2);
             }
         }
 
         &:focus {
             box-shadow: $ibexa-btn-focus-box-shadow-info;
         }
+
+        &.disabled,
+        &[disabled],
+        &:disabled {
+            color: $ibexa-color-dark-300;
+            fill: $ibexa-color-dark-300;
+            border-color: transparent;
+            box-shadow: none;
+
+            &:hover {
+                .ibexa-icon {
+                    fill: $ibexa-color-dark-300;
+                }
+            }
+        }
     }
 
     &--small {