From 781b3cd4c26c8c19e193ac76181aa3656b7ef5bd Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Micha=C5=82=20Grabowski?= <michal.grabowski@ibexa.co>
Date: Wed, 13 Sep 2023 07:47:19 +0200
Subject: [PATCH] IBX-6252: Update hover styles for --selector button (#877)

---
 src/bundle/Resources/public/scss/_buttons.scss | 18 +++++++++++++++++-
 1 file changed, 17 insertions(+), 1 deletion(-)

diff --git a/src/bundle/Resources/public/scss/_buttons.scss b/src/bundle/Resources/public/scss/_buttons.scss
index 8b7f293f6a..5ef0f20e55 100644
--- 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 {