Prevent the navbar toggler icon middle bar from flex-shrinking

This commit is contained in:
codecalm
2026-08-21 01:46:13 +02:00
parent eb8cc4a630
commit 3bdc0262b6
2 changed files with 9 additions and 0 deletions
+5
View File
@@ -0,0 +1,5 @@
---
"@tabler/core": patch
---
Fixed the `navbar-toggler` icon: the middle bar was flex-squeezed, breaking the open-state X and shortening the hamburger.
+4
View File
@@ -446,6 +446,10 @@ Navbar toggler
.navbar-toggler-icon {
position: relative;
// The button's padding leaves less room than the bar is wide — without
// this the middle bar gets flex-squeezed while the pseudo bars keep their
// inherited width, and the open-state X loses a leg.
flex-shrink: 0;
width: 1.25em;
height: 2px;
background: currentColor;