jeans/frontend
1
0
Fork 0
mirror of https://github.com/home-assistant/frontend.git synced 2025-11-09 02:49:51 +00:00
Code Issues Packages Projects Releases Wiki 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

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

@@ -90,7 +90,7 @@ export class HaDialog extends DialogBase {
}
.mdc-dialog__actions {
justify-content: var(--justify-action-buttons, flex-end);
padding: 12px 24px max(env(safe-area-inset-bottom), 12px) 24px;
padding: 12px 24px max(var(--safe-area-inset-bottom), 12px) 24px;
}
.mdc-dialog__actions span:nth-child(1) {
flex: var(--secondary-action-button-flex, unset);
@@ -117,7 +117,7 @@ export class HaDialog extends DialogBase {
:host([hideactions]) .mdc-dialog .mdc-dialog__content {
padding-bottom: max(
var(--dialog-content-padding, 24px),
env(safe-area-inset-bottom)
var(--safe-area-inset-bottom)
);
}
.mdc-dialog .mdc-dialog__surface {