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

fix time input width (#23998)

Browse Source
This commit is contained in:
Bram Kragten 2025-01-31 18:12:49 +01:00
parent 6b691063a8
commit 5abfb90b16
2 changed files with 9 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/components/ha-base-time-input.ts
View File

@ -329,15 +329,12 @@ export class HaBaseTimeInput extends LitElement {
:host([clearable]) { :host([clearable]) {
position: relative; position: relative;
} }
:host {
display: block;
}
.time-input-wrap-wrap { .time-input-wrap-wrap {
display: flex; display: flex;
} }
.time-input-wrap { .time-input-wrap {
display: flex; display: flex;
flex: 1; flex: var(--time-input-flex, unset);
border-radius: var(--mdc-shape-small, 4px) var(--mdc-shape-small, 4px) 0 0; border-radius: var(--mdc-shape-small, 4px) var(--mdc-shape-small, 4px) 0 0;
overflow: hidden; overflow: hidden;
position: relative; position: relative;

14
src/panels/config/backup/components/config/ha-backup-config-schedule.ts
View File

@ -537,20 +537,22 @@ class HaBackupConfigSchedule extends LitElement {
ha-md-list-item { ha-md-list-item {
--md-item-overflow: visible; --md-item-overflow: visible;
} }
ha-md-select, ha-md-select {
ha-time-input {
min-width: 210px; min-width: 210px;
} }
ha-time-input {
min-width: 194px;
--time-input-flex: 1;
}
@media all and (max-width: 450px) { @media all and (max-width: 450px) {
ha-md-select, ha-md-select {
ha-time-input {
min-width: 160px; min-width: 160px;
width: 160px; width: 160px;
--md-filled-field-content-space: 0; --md-filled-field-content-space: 0;
} }
ha-time-input { ha-time-input {
min-width: 120px; min-width: 145px;
width: 120px; width: 145px;
} }
} }
ha-md-textfield#value { ha-md-textfield#value {