Mirrors/tabler
1
0
Fork 0
mirror of https://github.com/tabler/tabler.git synced 2025-12-21 17:34:25 +04:00
Code Issues Projects Releases Wiki Activity

Fix icon alignment for btn-sm and btn-xl sizes #2474 (#2478)

Browse Source 
Co-authored-by: Paweł Kuna <1282324+codecalm@users.noreply.github.com>
This commit is contained in:
Vedang Shelatkar
2025-09-17 20:05:13 +05:30
committed by GitHub
parent 596237e8cc
commit c860288558
2 changed files with 9 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
.changeset/curvy-timers-sneeze.md Normal file
View File

@@ -0,0 +1,5 @@
---
"@tabler/core": patch
---
Fix icon alignment for `.btn-sm` and `.btn-xl` sizes

4
core/scss/ui/_buttons.scss
View File

@@ -187,6 +187,10 @@
.icon {
margin: calc(-1 * var(--#{$prefix}btn-padding-x));
}
//[BUG] btn-sm and btn-xl with an icon looks broken
//issue #2470 fixed
min-width: calc(var(--#{$prefix}btn-icon-size) + (var(--#{$prefix}btn-padding-x) * 2));
min-height: calc(var(--#{$prefix}btn-icon-size) + (var(--#{$prefix}btn-padding-y) * 2));
}
//