From 158a603669b0235212e885b677def9872d9ceb1f Mon Sep 17 00:00:00 2001 From: "louismaxime.piton" Date: Mon, 22 Jan 2024 10:58:02 +0100 Subject: [PATCH] Fix the focus ring on focused checked buttons --- scss/_buttons.scss | 9 +++++++++ 1 file changed, 9 insertions(+) diff --git a/scss/_buttons.scss b/scss/_buttons.scss index e14a184384dc..caa4518ac8fc 100644 --- a/scss/_buttons.scss +++ b/scss/_buttons.scss @@ -100,6 +100,15 @@ } } + .btn-check:checked:focus-visible + & { + // Avoid using mixin so we can pass custom focus shadow properly + @if $enable-shadows { + box-shadow: var(--#{$prefix}btn-active-shadow), var(--#{$prefix}btn-focus-box-shadow); + } @else { + box-shadow: var(--#{$prefix}btn-focus-box-shadow); + } + } + &:disabled, &.disabled, fieldset:disabled & {