Mirrors/tabler
1
0 Fork 0
mirror of https://github.com/tabler/tabler.git synced 2026-10-12 05:06:55 +04:00
Code Issues Projects Releases Wiki Activity

Reset the button border and padding on .form-help (#3107)

Browse Source
This commit is contained in:
Paweł Kuna authored and GitHub committed 2026-09-21 12:11:17 +02:00
1 parent 744a09c44a
commit ce523643b2
2 files changed
+8
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

.changeset/fix-form-help-button-border.md
+5
View File
@@ -0,0 +1,5 @@
---
"@tabler/core": patch
---
Fixed the default browser border and padding on `.form-help` when it is a `<button>`.
core/scss/ui/_forms.scss
+3
View File
@@ -128,6 +128,8 @@ Form help
justify-content: center; justify-content: center;
width: var(--form-help-size); width: var(--form-help-size);
height: var(--form-help-size); height: var(--form-help-size);
// `.form-help` is often a `<button>`: drop the user agent's padding and border
padding: 0;
font-size: var(--form-help-font-size); font-size: var(--form-help-font-size);
font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold);
color: $form-secondary-color; color: $form-secondary-color;
@@ -136,6 +138,7 @@ Form help
cursor: pointer; cursor: pointer;
user-select: none; user-select: none;
background: var(--gray-100); background: var(--gray-100);
border: 0;
@include border-radius(var(--border-radius-pill)); @include border-radius(var(--border-radius-pill));
@include transition(background-color $transition-time, color $transition-time); @include transition(background-color $transition-time, color $transition-time);