From: Louis-Maxime Piton <louismaxime.piton@orange.com>
Date: Tue, 6 Feb 2024 19:59:42 +0000 (+0100)
Subject: Fix the focus ring on focused checked buttons (#39595)
X-Git-Tag: v5.3.3~16
X-Git-Url: http://git.ipfire.org/?a=commitdiff_plain;h=5010e8d73e91d8b41792a4a53f36bf899195d2e5;p=thirdparty%2Fbootstrap.git

Fix the focus ring on focused checked buttons (#39595)
---

diff --git a/scss/_buttons.scss b/scss/_buttons.scss
index e14a184384..caa4518ac8 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 & {