Unified safe area (insets) for Android and iOS (#24689)

* feat: Introduce new css variables for safe area

* feat: Replace all safe area env with variable
This commit is contained in:
Grzegorz Libiszewski
2025-05-22 07:11:04 +02:00
committed by GitHub
parent 754829a836
commit c3e155a95c
52 changed files with 164 additions and 146 deletions

View File

@@ -168,10 +168,10 @@ export class HaMdDialog extends Dialog {
@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)
100vw - var(--safe-area-inset-right) - var(--safe-area-inset-left)
);
max-width: calc(
100vw - env(safe-area-inset-right) - env(safe-area-inset-left)
100vw - var(--safe-area-inset-right) - var(--safe-area-inset-left)
);
min-height: 100%;
max-height: 100%;