jeans/frontend
jeans/frontend
1
0
Fork 0
mirror of https://github.com/home-assistant/frontend.git synced 2025-07-27 11:16:35 +00:00
Code Issues Packages Projects Releases Wiki Activity

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

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/date-range-picker.ts
View File

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

1
src/panels/energy/ha-panel-energy.ts
View File

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