From e6de21488be8cdee6e890811e106967c159e2b46 Mon Sep 17 00:00:00 2001 From: George Mamadashvili Date: Tue, 3 Oct 2023 11:26:09 +0400 Subject: [PATCH] Components: Remove hover style for secondary Button when aria-disabled is set (#54978) * Components: Remove hover style for secondary Button when aria-disabled is set * Add changelong entry --- packages/components/CHANGELOG.md | 1 + packages/components/src/button/style.scss | 2 +- 2 files changed, 2 insertions(+), 1 deletion(-) diff --git a/packages/components/CHANGELOG.md b/packages/components/CHANGELOG.md index c33d75af08ed8..74fc947eec123 100644 --- a/packages/components/CHANGELOG.md +++ b/packages/components/CHANGELOG.md @@ -19,6 +19,7 @@ - `SlotFill`: Pass `Component` instance to unregisterSlot ([#54765](https://github.com/WordPress/gutenberg/pull/54765)). - `Button`: Remove `aria-selected` CSS selector from styling 'active' buttons ([#54931](https://github.com/WordPress/gutenberg/pull/54931)). - `Popover`: Apply the CSS in JS styles properly for components used within popovers. ([#54912](https://github.com/WordPress/gutenberg/pull/54912)) +- `Button`: Remove hover styles when `aria-disabled` is set to `true` for the secondary variant. ([#54978](https://github.com/WordPress/gutenberg/pull/54978)) ### Internal diff --git a/packages/components/src/button/style.scss b/packages/components/src/button/style.scss index 0487d19db99df..e3b8c55f074e8 100644 --- a/packages/components/src/button/style.scss +++ b/packages/components/src/button/style.scss @@ -145,7 +145,7 @@ color: $components-color-accent; background: transparent; - &:hover:not(:disabled) { + &:hover:not(:disabled, [aria-disabled="true"]) { box-shadow: inset 0 0 0 $border-width $components-color-accent-darker-10; } }