Skip to content

Commit 49af49b

Browse files
authored
fix(material/datepicker): set explicit line height on calendar (#29770)
Sets a `line-height` on the calendar, otherwise it inherits the one from the `body` which can throw off the layout. Fixes #29756.
1 parent 2857b73 commit 49af49b

File tree

1 file changed

+3
-0
lines changed

1 file changed

+3
-0
lines changed

src/material/datepicker/calendar.scss

+3
Original file line numberDiff line numberDiff line change
@@ -27,6 +27,9 @@ $_tokens: tokens-mat-datepicker.$prefix, tokens-mat-datepicker.get-token-slots()
2727
.mat-calendar {
2828
display: block;
2929

30+
// Prevents layout issues if the line height bleeds in from the body (see #29756).
31+
line-height: normal;
32+
3033
@include token-utils.use-tokens($_tokens...) {
3134
@include token-utils.create-token-slot(font-family, calendar-text-font);
3235
@include token-utils.create-token-slot(font-size, calendar-text-size);

0 commit comments

Comments
 (0)