Allow to clear integration filter on mobile (#11844)

This commit is contained in:
Bram Kragten 2022-02-24 23:21:25 +01:00 committed by GitHub
parent acfeea5c92
commit 3d9c31aef9
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 26 additions and 0 deletions

View File

@ -438,6 +438,13 @@ export class HaConfigDeviceDashboard extends LitElement {
)} )}
.path=${mdiFilterVariant} .path=${mdiFilterVariant}
></ha-icon-button> ></ha-icon-button>
${this.narrow && activeFilters?.length
? html`<mwc-list-item @click=${this._clearFilter}
>${this.hass.localize("ui.components.data-table.filtering_by")}
${activeFilters.join(", ")}
<span class="clear">Clear</span></mwc-list-item
>`
: ""}
<ha-check-list-item <ha-check-list-item
left left
@request-selected=${this._showDisabledChanged} @request-selected=${this._showDisabledChanged}
@ -523,6 +530,11 @@ export class HaConfigDeviceDashboard extends LitElement {
ha-button-menu { ha-button-menu {
margin-left: 8px; margin-left: 8px;
} }
.clear {
color: var(--primary-color);
padding-left: 8px;
text-transform: uppercase;
}
`, `,
haStyle, haStyle,
]; ];

View File

@ -585,6 +585,15 @@ export class HaConfigEntities extends SubscribeMixin(LitElement) {
)} )}
.path=${mdiFilterVariant} .path=${mdiFilterVariant}
></ha-icon-button> ></ha-icon-button>
${this.narrow && activeFilters?.length
? html`<mwc-list-item @click=${this._clearFilter}
>${this.hass.localize(
"ui.components.data-table.filtering_by"
)}
${activeFilters.join(", ")}
<span class="clear">Clear</span></mwc-list-item
>`
: ""}
<ha-check-list-item <ha-check-list-item
@request-selected=${this._showDisabledChanged} @request-selected=${this._showDisabledChanged}
.selected=${this._showDisabled} .selected=${this._showDisabled}
@ -896,6 +905,11 @@ export class HaConfigEntities extends SubscribeMixin(LitElement) {
ha-button-menu { ha-button-menu {
margin-left: 8px; margin-left: 8px;
} }
.clear {
color: var(--primary-color);
padding-left: 8px;
text-transform: uppercase;
}
`, `,
]; ];
} }