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;
}
: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(
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;
}
@ -190,7 +190,7 @@ export class HaMdDialog extends MdDialog {
padding: var(--dialog-content-padding, 24px);
}
.scrim {
z-index: 10; // overlay navigation
z-index: 10; /* overlay navigation */
}
`,
];