Skip to content

Commit 943889e

Browse files
committed
fix: avoid text overflowing button that is too small
1 parent 70ae416 commit 943889e

File tree

2 files changed

+8
-2
lines changed

2 files changed

+8
-2
lines changed

.changeset/popular-singers-own.md

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,6 @@
1+
---
2+
"@utrecht/button-css": patch
3+
"@utrecht/button-react": patch
4+
---
5+
6+
Fix Button to avoid text overflowing button that is too small.

components/button/src/_mixin.scss

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -231,8 +231,8 @@
231231
justify-content: center;
232232
line-height: var(--_utrecht-button-line-height);
233233
max-inline-size: var(--utrecht-button-max-inline-size, fit-content);
234-
min-block-size: var(--utrecht-button-min-block-size, 44px);
235-
min-inline-size: var(--utrecht-button-min-inline-size, 44px);
234+
min-block-size: max(var(--utrecht-button-min-block-size, 44px), fit-content);
235+
min-inline-size: max(var(--utrecht-button-min-inline-size, 44px), fit-content);
236236
padding-block-end: var(--utrecht-button-padding-block-end);
237237
padding-block-start: var(--utrecht-button-padding-block-start);
238238
padding-inline-end: var(--utrecht-button-padding-inline-end);

0 commit comments

Comments
 (0)