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

Fixes display issues with longer dates (#6540)

Browse Source 
* Fixes display issues with longer dates

* review

* Remove size
This commit is contained in:
Joakim Sørensen 2020-08-06 19:42:27 +02:00 committed by GitHub
parent 69f4a618b2
commit 5400b1da96
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 19 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
src/components/ha-date-range-picker.ts
View File

@ -163,13 +163,6 @@ export class HaDateRangePicker extends LitElement {
border-right: 1px solid var(--divider-color); border-right: 1px solid var(--divider-color);
} }
@media only screen and (max-width: 800px) {
.date-range-ranges {
border-right: none;
border-bottom: 1px solid var(--divider-color);
}
}
.date-range-footer { .date-range-footer {
display: flex; display: flex;
justify-content: flex-end; justify-content: flex-end;
@ -179,12 +172,30 @@ export class HaDateRangePicker extends LitElement {
paper-input { paper-input {
display: inline-block; display: inline-block;
max-width: 200px; max-width: 250px;
min-width: 200px;
} }
paper-input:last-child { paper-input:last-child {
margin-left: 8px; margin-left: 8px;
} }
@media only screen and (max-width: 800px) {
.date-range-ranges {
border-right: none;
border-bottom: 1px solid var(--divider-color);
}
}
@media only screen and (max-width: 500px) {
paper-input {
min-width: inherit;
}
ha-svg-icon {
display: none;
}
}
`; `;
} }
} }