Use puzzle for addons and blur entries on click (#10755)

This commit is contained in:
Joakim Sørensen 2021-12-02 11:05:14 +01:00 committed by GitHub
parent 0c75d5afc9
commit 2fe8f5ff27
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 6 additions and 2 deletions

View File

@ -47,7 +47,7 @@ class HaConfigNavigation extends LitElement {
canShowPage(this.hass, page) canShowPage(this.hass, page)
? html` ? html`
<a href=${page.path} aria-role="option" tabindex="-1"> <a href=${page.path} aria-role="option" tabindex="-1">
<paper-icon-item> <paper-icon-item @click=${this._entryClicked}>
<div <div
class=${page.iconColor ? "icon-background" : ""} class=${page.iconColor ? "icon-background" : ""}
slot="item-icon" slot="item-icon"
@ -97,6 +97,10 @@ class HaConfigNavigation extends LitElement {
`; `;
} }
private _entryClicked(ev) {
ev.currentTarget.blur();
}
static get styles(): CSSResultGroup { static get styles(): CSSResultGroup {
return css` return css`
a { a {

View File

@ -74,7 +74,7 @@ export const configSections: { [name: string]: PageNavigation[] } = {
path: "/hassio", path: "/hassio",
name: "Add-ons & Backups", name: "Add-ons & Backups",
description: "Create backups, check logs or reboot your system", description: "Create backups, check logs or reboot your system",
iconPath: mdiHomeAssistant, iconPath: mdiPuzzle,
iconColor: "#4084CD", iconColor: "#4084CD",
component: "hassio", component: "hassio",
}, },