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

Add safe areas to bottom sheets and sidebar (#27009)

Browse Source 
* Add safe areas to bottom sheet

* Add safe areas to automation sidebar

* Remove

* Add safe areas

* Add safe areas

* Switch
This commit is contained in:
Aidan Timson
2025-09-16 15:48:06 +01:00
committed by GitHub
parent 8cf0d8d2c3
commit 0a5b31e328
4 changed files with 21 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/ha-bottom-sheet.ts
View File

@@ -54,9 +54,9 @@ export class HaBottomSheet extends LitElement {
border-top-left-radius: var(--ha-border-radius-lg);
border-top-right-radius: var(--ha-border-radius-lg);
max-height: 90vh;
}
wa-drawer::part(body) {
padding-bottom: var(--safe-area-inset-bottom);
margin-bottom: var(--safe-area-inset-bottom);
margin-left: var(--safe-area-inset-left);
margin-right: var(--safe-area-inset-right);
}
`;
}

7
src/components/ha-resizable-bottom-sheet.ts
View File

@@ -225,7 +225,9 @@ export class HaResizableBottomSheet extends LitElement {
top: 0;
inset-inline-start: 0;
position: fixed;
width: calc(100% - 4px);
width: calc(
100% - 4px - var(--safe-area-inset-left) - var(--safe-area-inset-right)
);
max-width: 100%;
border: none;
box-shadow: var(--wa-shadow-l);
@@ -252,6 +254,9 @@ export class HaResizableBottomSheet extends LitElement {
border-bottom-width: 0;
border-style: var(--ha-bottom-sheet-border-style);
border-color: var(--ha-bottom-sheet-border-color);
margin-bottom: var(--safe-area-inset-bottom);
margin-left: var(--safe-area-inset-left);
margin-right: var(--safe-area-inset-right);
}
dialog.show {