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

Fix safe padding for bottom sheet and add scroll lock (#27165)

Browse Source
This commit is contained in:
Paul Bottein
2025-09-25 10:41:05 +02:00
parent ad69270af8
commit 7a35bddf36
2 changed files with 6 additions and 3 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-left-radius: var(--ha-border-radius-lg);
border-top-right-radius: var(--ha-border-radius-lg); border-top-right-radius: var(--ha-border-radius-lg);
max-height: 90vh; max-height: 90vh;
margin-bottom: var(--safe-area-inset-bottom); padding-bottom: var(--safe-area-inset-bottom);
margin-left: var(--safe-area-inset-left); padding-left: var(--safe-area-inset-left);
margin-right: var(--safe-area-inset-right); padding-right: var(--safe-area-inset-right);
} }
`; `;
} }

3
src/resources/theme/wa.globals.ts
View File

@@ -1,3 +1,4 @@
import scrollLockStyles from "@home-assistant/webawesome/dist/styles/utilities/scroll-lock.css.js";
import { css } from "lit"; import { css } from "lit";
import { extractDerivedVars } from "../../common/style/derived-css-vars"; import { extractDerivedVars } from "../../common/style/derived-css-vars";
@@ -18,6 +19,8 @@ export const waMainStyles = css`
--wa-border-width-l: var(--ha-border-radius-l); --wa-border-width-l: var(--ha-border-radius-l);
--wa-space-xl: 32px; --wa-space-xl: 32px;
} }
${scrollLockStyles}
`; `;
export const waMainDerivedVariables = extractDerivedVars(waMainStyles); export const waMainDerivedVariables = extractDerivedVars(waMainStyles);