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 card editor size on mobile (#20976)

Browse Source
This commit is contained in:
Paul Bottein 2024-06-04 16:45:54 +02:00 committed by GitHub
parent 2dd7e598d5
commit 22c54b3fea
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 10 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
src/panels/lovelace/editor/card-editor/hui-dialog-edit-card.ts
View File

@ -417,6 +417,11 @@ export class HuiDialogEditCard
--dialog-content-padding: 24px 12px; --dialog-content-padding: 24px 12px;
} }
.content {
width: calc(90vw - 48px);
max-width: 1000px;
}
@media all and (max-width: 450px), all and (max-height: 500px) { @media all and (max-width: 450px), all and (max-height: 500px) {
/* overrule the ha-style-dialog max-height on small screens */ /* overrule the ha-style-dialog max-height on small screens */
ha-dialog { ha-dialog {
@ -425,16 +430,15 @@ export class HuiDialogEditCard
--dialog-surface-top: 0px; --dialog-surface-top: 0px;
--mdc-dialog-max-width: 100vw; --mdc-dialog-max-width: 100vw;
} }
} .content {
width: 100%;
.content { max-width: 100%;
width: 1000px; }
max-width: calc(90vw - 48px);
} }
@media all and (min-width: 451px) and (min-height: 501px) { @media all and (min-width: 451px) and (min-height: 501px) {
:host([large]) .content { :host([large]) .content {
width: calc(90vw - 48px); max-width: none;
} }
} }