Home-Assistant/frontend
1
0
Fork 0
mirror of https://github.com/home-assistant/frontend.git synced 2025-12-20 02:38:53 +00:00
Code Activity

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

Browse Source 
* 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
Download Patch File Download Diff File Expand all files Collapse all files

6
hassio/src/dashboard/hassio-dashboard.ts
View File

@@ -132,9 +132,9 @@ class HassioDashboard extends LitElement {
}
ha-fab.non-tabs {
position: fixed;
right: calc(16px + env(safe-area-inset-right));
bottom: calc(16px + env(safe-area-inset-bottom));
inset-inline-end: calc(16px + env(safe-area-inset-right));
right: calc(16px + var(--safe-area-inset-right));
bottom: calc(16px + var(--safe-area-inset-bottom));
inset-inline-end: calc(16px + var(--safe-area-inset-right));
inset-inline-start: initial;
z-index: 1;
}

2
hassio/src/dialogs/network/dialog-hassio-network.ts
View File

@@ -610,7 +610,7 @@ export class DialogHassioNetwork
display: flex;
justify-content: space-between;
padding: 8px;
padding-bottom: max(env(safe-area-inset-bottom), 8px);
padding-bottom: max(var(--safe-area-inset-bottom), 8px);
background-color: var(--mdc-theme-surface, #fff);
}
.warning {