From a0dbce2a67685f8fc95040db59f8dc823597fe79 Mon Sep 17 00:00:00 2001 From: Tetsuaki Hamano Date: Tue, 27 Feb 2024 17:39:37 +0900 Subject: [PATCH] Button: Fix focus outline in disabled primary variant --- packages/components/CHANGELOG.md | 1 + packages/components/src/button/style.scss | 4 +--- 2 files changed, 2 insertions(+), 3 deletions(-) diff --git a/packages/components/CHANGELOG.md b/packages/components/CHANGELOG.md index d4dfaac153f01..d2f062c6fd030 100644 --- a/packages/components/CHANGELOG.md +++ b/packages/components/CHANGELOG.md @@ -5,6 +5,7 @@ ### Bug Fix - `Tooltip`: Explicitly set system font to avoid CSS bleed ([#59307](https://github.com/WordPress/gutenberg/pull/59307)). +- `Button`: Fix focus outline in disabled primary variant ([#59391](https://github.com/WordPress/gutenberg/pull/59391)). ## 27.0.0 (2024-02-21) diff --git a/packages/components/src/button/style.scss b/packages/components/src/button/style.scss index 590974f770596..25095d3395897 100644 --- a/packages/components/src/button/style.scss +++ b/packages/components/src/button/style.scss @@ -84,9 +84,7 @@ outline: none; &:focus:enabled { - box-shadow: - 0 0 0 $border-width $components-color-background, - 0 0 0 3px $components-color-accent; + box-shadow: inset 0 0 0 1px $components-color-background, 0 0 0 var(--wp-admin-border-width-focus) $components-color-accent; } }