add shadow when scrollable in automation bottom sheet, min height 50vh (#26828)

This commit is contained in:
Bram Kragten
2025-09-02 14:12:48 +02:00
committed by GitHub
parent 5961b71562
commit b70d309297
2 changed files with 53 additions and 3 deletions

View File

@@ -30,6 +30,8 @@ export class HaBottomSheet extends LitElement {
@state() private _dialogMaxViewpointHeight = 70;
@state() private _dialogMinViewpointHeight = 55;
@state() private _dialogViewportHeight?: number;
render() {
@@ -41,6 +43,7 @@ export class HaBottomSheet extends LitElement {
? `${this._dialogViewportHeight}vh`
: "auto",
maxHeight: `${this._dialogMaxViewpointHeight}vh`,
minHeight: `${this._dialogMinViewpointHeight}vh`,
})}
>
<div class="handle-wrapper">
@@ -80,6 +83,7 @@ export class HaBottomSheet extends LitElement {
this._dialogViewportHeight =
(this._dialog.offsetHeight / window.innerHeight) * 100;
this._dialogMaxViewpointHeight = 90;
this._dialogMinViewpointHeight = 20;
} else {
// after close animation is done close dialog element and fire closed event
this._dialog.close();