Fix date-range-picker overflow on energy dashboard small screen (#19026)

This commit is contained in:
karwosts 2023-12-18 04:20:21 -08:00 committed by GitHub
parent ddf6945190
commit cdd2c7be9a
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 3 additions and 0 deletions

View File

@ -145,6 +145,8 @@ class DateRangePickerElement extends WrappedElement {
);
color: var(--primary-text-color);
min-width: initial !important;
max-height: var(--date-range-picker-max-height);
overflow-y: auto;
}
.daterangepicker:before {
display: none;

View File

@ -141,6 +141,7 @@ class PanelEnergy extends LitElement {
padding-inline-start: 32px;
--disabled-text-color: rgba(var(--rgb-text-primary-color), 0.5);
direction: var(--direction);
--date-range-picker-max-height: calc(100vh - 80px);
}
:host([narrow]) hui-energy-period-selector {
padding-left: 0px;