Skip to content
This repository was archived by the owner on Jan 13, 2025. It is now read-only.

Commit 2e1023c

Browse files
Mike Yuamsheehan
authored andcommitted
fix(checkbox): Prevent checkboxes and radios from changing size with multiline label (#497)
1 parent 12bd03e commit 2e1023c

File tree

2 files changed

+2
-0
lines changed

2 files changed

+2
-0
lines changed

packages/mdc-checkbox/mdc-checkbox.scss

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -52,6 +52,7 @@
5252
box-sizing: content-box;
5353
width: $mdc-checkbox-size;
5454
height: $mdc-checkbox-size;
55+
flex: 0 0 $mdc-checkbox-size;
5556
padding: ($mdc-checkbox-touch-area - $mdc-checkbox-size) / 2;
5657
line-height: 0;
5758
white-space: nowrap;

packages/mdc-radio/mdc-radio.scss

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -42,6 +42,7 @@ $mdc-radio-transition-duration: 120ms;
4242
box-sizing: border-box;
4343
width: $mdc-radio-touch-area;
4444
height: $mdc-radio-touch-area;
45+
flex: 0 0 $mdc-radio-touch-area;
4546
padding: ($mdc-radio-touch-area - $mdc-radio-ui-size) / 2;
4647
cursor: pointer;
4748
will-change: opacity, transform, border-color, background-color, color;

0 commit comments

Comments
 (0)