jeans/frontend
jeans/frontend
1
0
Fork 0
mirror of https://github.com/home-assistant/frontend.git synced 2025-07-25 18:26:35 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix elements above filter dialog (#20359)

Browse Source
This commit is contained in:
Bram Kragten 2024-04-03 10:28:33 +02:00 committed by GitHub
parent 30d18050d1
commit 03939001b2
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 35 additions and 33 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

68
src/layouts/hass-tabs-subpage-data-table.ts
View File

@ -349,39 +349,7 @@ export class HaTabsSubpageDataTable extends LitElement {
: nothing} : nothing}
${this.showFilters ${this.showFilters
? !showPane ? !showPane
? html`<ha-dialog ? nothing
open
hideActions
.heading=${localize("ui.components.subpage-data-table.filters")}
>
<ha-dialog-header slot="heading">
<ha-icon-button
slot="navigationIcon"
.path=${mdiClose}
@click=${this._toggleFilters}
.label=${localize(
"ui.components.subpage-data-table.close_filter"
)}
></ha-icon-button>
<span slot="title"
>${localize(
"ui.components.subpage-data-table.filters"
)}</span
>
${this.filters
? html`<ha-icon-button
slot="actionItems"
@click=${this._clearFilters}
.path=${mdiFilterVariantRemove}
.label=${localize(
"ui.components.subpage-data-table.clear_filter"
)}
></ha-icon-button>`
: nothing}
</ha-dialog-header>
<div class="filter-dialog-content">
<slot name="filter-pane"></slot></div
></ha-dialog>`
: html`<div class="pane" slot="pane"> : html`<div class="pane" slot="pane">
<div class="table-header"> <div class="table-header">
<ha-assist-chip <ha-assist-chip
@ -516,6 +484,39 @@ export class HaTabsSubpageDataTable extends LitElement {
: nothing : nothing
)} )}
</ha-menu> </ha-menu>
${this.showFilters && !showPane
? html`<ha-dialog
open
hideActions
.heading=${localize("ui.components.subpage-data-table.filters")}
>
<ha-dialog-header slot="heading">
<ha-icon-button
slot="navigationIcon"
.path=${mdiClose}
@click=${this._toggleFilters}
.label=${localize(
"ui.components.subpage-data-table.close_filter"
)}
></ha-icon-button>
<span slot="title"
>${localize("ui.components.subpage-data-table.filters")}</span
>
${this.filters
? html`<ha-icon-button
slot="actionItems"
@click=${this._clearFilters}
.path=${mdiFilterVariantRemove}
.label=${localize(
"ui.components.subpage-data-table.clear_filter"
)}
></ha-icon-button>`
: nothing}
</ha-dialog-header>
<div class="filter-dialog-content">
<slot name="filter-pane"></slot></div
></ha-dialog>`
: nothing}
`; `;
} }
@ -768,6 +769,7 @@ export class HaTabsSubpageDataTable extends LitElement {
} }
ha-dialog { ha-dialog {
--dialog-z-index: 100;
--mdc-dialog-min-width: calc( --mdc-dialog-min-width: calc(
100vw - env(safe-area-inset-right) - env(safe-area-inset-left) 100vw - env(safe-area-inset-right) - env(safe-area-inset-left)
); );