mirror of
https://github.com/home-assistant/frontend.git
synced 2025-07-16 05:46:35 +00:00
Hassio: Fix menu button icon (#1299)
* Hassio: Fix menu button icon * Move comments * Hups
This commit is contained in:
parent
dc9a227aa3
commit
4cf7959b12
@ -7,6 +7,7 @@ import { html } from '@polymer/polymer/lib/utils/html-tag.js';
|
||||
import { PolymerElement } from '@polymer/polymer/polymer-element.js';
|
||||
|
||||
import '../../../src/components/ha-menu-button.js';
|
||||
// For hassio-iconset: hassio:menu
|
||||
import '../../../src/resources/ha-style.js';
|
||||
import '../hassio-markdown-dialog.js';
|
||||
import './hassio-addon-audio.js';
|
||||
@ -53,7 +54,7 @@ class HassioAddonView extends PolymerElement {
|
||||
<app-header-layout has-scrolling-region="">
|
||||
<app-header fixed="" slot="header">
|
||||
<app-toolbar>
|
||||
<ha-menu-button narrow="[[narrow]]" show-menu="[[showMenu]]"></ha-menu-button>
|
||||
<ha-menu-button hassio narrow="[[narrow]]" show-menu="[[showMenu]]"></ha-menu-button>
|
||||
<paper-icon-button icon="hassio:arrow-left" on-click="backTapped"></paper-icon-button>
|
||||
<div main-title="">Hass.io: add-on details</div>
|
||||
</app-toolbar>
|
||||
|
@ -8,6 +8,7 @@ import { html } from '@polymer/polymer/lib/utils/html-tag.js';
|
||||
import { PolymerElement } from '@polymer/polymer/polymer-element.js';
|
||||
|
||||
import '../../src/components/ha-menu-button.js';
|
||||
// For hassio-iconset: hassio:menu
|
||||
import '../../src/resources/ha-style.js';
|
||||
import './addon-store/hassio-addon-store.js';
|
||||
import './dashboard/hassio-dashboard.js';
|
||||
@ -34,7 +35,7 @@ class HassioPagesWithTabs extends NavigateMixin(PolymerElement) {
|
||||
<app-header-layout has-scrolling-region="">
|
||||
<app-header fixed="" slot="header">
|
||||
<app-toolbar>
|
||||
<ha-menu-button narrow="[[narrow]]" show-menu="[[showMenu]]"></ha-menu-button>
|
||||
<ha-menu-button hassio narrow="[[narrow]]" show-menu="[[showMenu]]"></ha-menu-button>
|
||||
<div main-title="">Hass.io</div>
|
||||
<template is="dom-if" if="[[showRefreshButton(page)]]">
|
||||
<paper-icon-button icon="hassio:refresh" on-click="refreshClicked"></paper-icon-button>
|
||||
|
@ -15,7 +15,7 @@ class HaMenuButton extends EventsMixin(PolymerElement) {
|
||||
visibility: hidden;
|
||||
}
|
||||
</style>
|
||||
<paper-icon-button icon="hass:menu" class$="[[computeMenuButtonClass(narrow, showMenu)]]" on-click="toggleMenu"></paper-icon-button>
|
||||
<paper-icon-button icon="[[_getIcon(hassio)]]" class$="[[computeMenuButtonClass(narrow, showMenu)]]" on-click="toggleMenu"></paper-icon-button>
|
||||
`;
|
||||
}
|
||||
|
||||
@ -30,6 +30,11 @@ class HaMenuButton extends EventsMixin(PolymerElement) {
|
||||
type: Boolean,
|
||||
value: false,
|
||||
},
|
||||
|
||||
hassio: {
|
||||
type: Boolean,
|
||||
value: false,
|
||||
}
|
||||
};
|
||||
}
|
||||
|
||||
@ -41,6 +46,10 @@ class HaMenuButton extends EventsMixin(PolymerElement) {
|
||||
ev.stopPropagation();
|
||||
this.fire('hass-open-menu');
|
||||
}
|
||||
|
||||
_getIcon(hassio) {
|
||||
return `${hassio ? 'hassio' : 'hass'}:menu`;
|
||||
}
|
||||
}
|
||||
|
||||
customElements.define('ha-menu-button', HaMenuButton);
|
||||
|
Loading…
x
Reference in New Issue
Block a user