From 02ab0baf0bca51417d156aaad8ba138185fc5c39 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Micha=C5=82=20Grabowski?= Date: Tue, 22 Aug 2023 15:29:54 +0200 Subject: [PATCH 1/2] IBX-6252: Update hover styles --- src/bundle/Resources/public/scss/_buttons.scss | 12 +++++++++++- 1 file changed, 11 insertions(+), 1 deletion(-) diff --git a/src/bundle/Resources/public/scss/_buttons.scss b/src/bundle/Resources/public/scss/_buttons.scss index 8b7f293f6a..5d405599d6 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,24 @@ } &: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; + } } &--small { From 76c9b6bf5b0e3b6fb3803e72f47d43b1260f7783 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Micha=C5=82=20Grabowski?= Date: Thu, 24 Aug 2023 14:31:16 +0200 Subject: [PATCH 2/2] remove hover from disabled --- src/bundle/Resources/public/scss/_buttons.scss | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/src/bundle/Resources/public/scss/_buttons.scss b/src/bundle/Resources/public/scss/_buttons.scss index 5d405599d6..5ef0f20e55 100644 --- a/src/bundle/Resources/public/scss/_buttons.scss +++ b/src/bundle/Resources/public/scss/_buttons.scss @@ -344,6 +344,12 @@ fill: $ibexa-color-dark-300; border-color: transparent; box-shadow: none; + + &:hover { + .ibexa-icon { + fill: $ibexa-color-dark-300; + } + } } }