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:
Paulus Schoutsen 2024-11-11 02:11:58 -05:00 committed by GitHub
parent 919932e414
commit ca921be9d2
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194

View File

@ -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 */
} }
`, `,
]; ];