Fixes display issues with longer dates (#6540)

* 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

View File

@ -163,13 +163,6 @@ export class HaDateRangePicker extends LitElement {
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 {
display: flex;
justify-content: flex-end;
@ -179,12 +172,30 @@ export class HaDateRangePicker extends LitElement {
paper-input {
display: inline-block;
max-width: 200px;
max-width: 250px;
min-width: 200px;
}
paper-input:last-child {
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;
}
}
`;
}
}