1
0
mirror of https://github.com/home-assistant/frontend.git synced 2026-04-19 00:12:51 +01:00

Dropdown item add selected prop (#29553)

Refactor dropdown item selection handling to use property binding for selected state
This commit is contained in:
Wendelin
2026-02-10 18:55:38 +01:00
committed by GitHub
parent c293cf56f6
commit 1b62a7cff8
13 changed files with 39 additions and 117 deletions

View File

@@ -282,7 +282,7 @@ class HaPanelDevStatistics extends KeyboardShortcutMixin(LitElement) {
? html`
<ha-dropdown-item
.value=${id}
class=${id === this._sortColumn ? "selected" : ""}
.selected=${id === this._sortColumn}
>
${this._sortColumn === id
? html`
@@ -324,7 +324,7 @@ class HaPanelDevStatistics extends KeyboardShortcutMixin(LitElement) {
? html`
<ha-dropdown-item
.value=${id}
class=${id === this._groupColumn ? "selected" : ""}
.selected=${id === this._groupColumn}
>
${column.title || column.label}
</ha-dropdown-item>
@@ -333,7 +333,7 @@ class HaPanelDevStatistics extends KeyboardShortcutMixin(LitElement) {
)}
<ha-dropdown-item
value="none"
class=${this._groupColumn === undefined ? "selected" : ""}
.selected=${this._groupColumn === undefined}
>
${localize("ui.components.subpage-data-table.dont_group_by")}
</ha-dropdown-item>
@@ -805,16 +805,6 @@ class HaPanelDevStatistics extends KeyboardShortcutMixin(LitElement) {
ha-dropdown ha-assist-chip {
--md-assist-chip-trailing-space: 8px;
}
ha-dropdown-item.selected {
font-weight: var(--ha-font-weight-medium);
color: var(--primary-color);
background-color: var(--ha-color-fill-primary-quiet-resting);
--icon-primary-color: var(--primary-color);
}
ha-dropdown-item.selected:hover {
background-color: var(--ha-color-fill-primary-quiet-hover);
}
`,
];
}