Skip to content

Commit c410c3f

Browse files
authored
fix(ui5-date-picker): use variable for popover width in compact density mode (#12305)
The DatePicker popover was displaying unnecessary whitespace when the content density was set to "compact". This occurred because the popover width was hardcoded to 20rem in the CSS, while the calendar content inside adapts to different widths based on the content density: Default mode: Calendar width is 20rem (320px) Compact mode: Calendar width is 17.75rem (284px) Fixes #12277.
1 parent 078309c commit c410c3f

File tree

1 file changed

+1
-1
lines changed

1 file changed

+1
-1
lines changed

packages/main/src/themes/DatePickerPopover.css

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
.ui5-date-picker-popover {
2-
width: 20rem;
2+
width: var(--_ui5_calendar_width);
33
.ui5-popover-header {
44
width: 100%;
55
}

0 commit comments

Comments
 (0)