jeans/frontend
1
0
Fork 0
mirror of https://github.com/home-assistant/frontend.git synced 2025-11-13 04:50:29 +00:00
Code Issues Packages Projects Releases Wiki Activity

Add support for safe area insets (#6473)

Browse Source
This commit is contained in:
Bram Kragten
2020-07-30 18:27:27 +02:00
committed by GitHub
parent 07fceeab5a
commit ca4f573be0
41 changed files with 443 additions and 749 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
src/components/ha-dialog.ts
View File

@@ -38,6 +38,7 @@ export class HaDialog extends MwcDialog {
}
.mdc-dialog__actions {
justify-content: var(--justify-action-buttons, flex-end);
padding-bottom: max(env(safe-area-inset-bottom), 8px);
}
.mdc-dialog__container {
align-items: var(--vertial-align-dialog, center);
@@ -50,6 +51,12 @@ export class HaDialog extends MwcDialog {
position: var(--dialog-content-position, relative);
padding: var(--dialog-content-padding, 20px 24px);
}
:host([hideactions]) .mdc-dialog .mdc-dialog__content {
padding-bottom: max(
var(--dialog-content-padding, 20px),
env(safe-area-inset-bottom)
);
}
.mdc-dialog .mdc-dialog__surface {
position: var(--dialog-surface-position, relative);
min-height: var(--mdc-dialog-min-height, auto);