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

Improve backup settings display on mobile (#23967)

Browse Source
This commit is contained in:
Paul Bottein 2025-01-30 16:49:05 +01:00 committed by Bram Kragten
parent 6aab60cf45
commit c337bc5f97
2 changed files with 19 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/panels/config/backup/components/config/ha-backup-config-data.ts
View File

@ -378,8 +378,9 @@ class HaBackupConfigData extends LitElement {
} }
@media all and (max-width: 450px) { @media all and (max-width: 450px) {
ha-md-select { ha-md-select {
min-width: 160px; min-width: 140px;
width: 160px; width: 140px;
--md-filled-field-content-space: 0;
} }
} }
`; `;

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

@ -545,6 +545,12 @@ class HaBackupConfigSchedule extends LitElement {
ha-md-select, ha-md-select,
ha-time-input { ha-time-input {
min-width: 160px; min-width: 160px;
width: 160px;
--md-filled-field-content-space: 0;
}
ha-time-input {
min-width: 120px;
width: 120px;
} }
} }
ha-md-textfield#value { ha-md-textfield#value {
@ -553,6 +559,16 @@ class HaBackupConfigSchedule extends LitElement {
ha-md-select#type { ha-md-select#type {
min-width: 100px; min-width: 100px;
} }
@media all and (max-width: 450px) {
ha-md-textfield#value {
min-width: 60px;
margin: 0 -8px;
}
ha-md-select#type {
min-width: 120px;
width: 120px;
}
}
ha-expansion-panel { ha-expansion-panel {
--expansion-panel-summary-padding: 0 16px; --expansion-panel-summary-padding: 0 16px;
--expansion-panel-content-padding: 0 16px; --expansion-panel-content-padding: 0 16px;