🔧 chore(button.scss): Fix UI glitch where button shadow on focus is s…

…ometimes overlapped by neighboring buttons
Spiderpig86 · Sep 14, 2021 · 5a7d18f · 5a7d18f
1 parent 587836c
commit 5a7d18f
Show file tree

Hide file tree

Showing 5 changed files with 6,034 additions and 6,018 deletions.
diff --git a/dist/cirrus-core.css b/dist/cirrus-core.css
@@ -455,6 +455,8 @@
       border-radius: 0;
       /* Remove roundness from center buttons */
       margin-left: -1px; }
+    .btn-group .btn:focus, .btn-group button:focus, .btn-group [type="submit"]:focus, .btn-group [type="reset"]:focus, .btn-group [type="button"]:focus {
+      z-index: 1; }
   .btn-group.btn-group-fill {
     /* Makes the button group fill the width and proportion the buttons to fill the space */
     display: -webkit-box;
@@ -465,6 +467,8 @@
       -webkit-box-flex: 1;
       flex: 1 0;
       /* Make the buttons fill the available width and proportion themselves */ }
+    .btn-group.btn-group-fill:focus {
+      z-index: 1; }
 
 @media screen and (max-width: 767px) {
   .btn-group {

diff --git a/dist/cirrus-core.min.css b/dist/cirrus-core.min.css