mirror of
https://github.com/home-assistant/frontend.git
synced 2025-07-19 15:26:36 +00:00
CSS Fixes for md-dialog (#22638)
* CSS Fixes for md-dialog * Update src/components/ha-md-dialog.ts --------- Co-authored-by: Wendelin <12148533+wendevlin@users.noreply.github.com>
This commit is contained in:
parent
919932e414
commit
ca921be9d2
@ -164,8 +164,8 @@ export class HaMdDialog extends MdDialog {
|
|||||||
min-width: 320px;
|
min-width: 320px;
|
||||||
}
|
}
|
||||||
|
|
||||||
:host(:not([type="alert"])) {
|
|
||||||
@media all and (max-width: 450px), all and (max-height: 500px) {
|
@media all and (max-width: 450px), all and (max-height: 500px) {
|
||||||
|
:host(:not([type="alert"])) {
|
||||||
min-width: calc(
|
min-width: calc(
|
||||||
100vw - env(safe-area-inset-right) - env(safe-area-inset-left)
|
100vw - env(safe-area-inset-right) - env(safe-area-inset-left)
|
||||||
);
|
);
|
||||||
@ -178,7 +178,7 @@ export class HaMdDialog extends MdDialog {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
:host ::slotted(ha-dialog-header) {
|
::slotted(ha-dialog-header[slot="headline"]) {
|
||||||
display: contents;
|
display: contents;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -190,7 +190,7 @@ export class HaMdDialog extends MdDialog {
|
|||||||
padding: var(--dialog-content-padding, 24px);
|
padding: var(--dialog-content-padding, 24px);
|
||||||
}
|
}
|
||||||
.scrim {
|
.scrim {
|
||||||
z-index: 10; // overlay navigation
|
z-index: 10; /* overlay navigation */
|
||||||
}
|
}
|
||||||
`,
|
`,
|
||||||
];
|
];
|
||||||
|
Loading…
x
Reference in New Issue
Block a user