diff --git a/hassio/src/hassio-main.js b/hassio/src/hassio-main.js index b9c7ee1a1225..0122e69cabeb 100644 --- a/hassio/src/hassio-main.js +++ b/hassio/src/hassio-main.js @@ -8,9 +8,10 @@ import './hassio-data.js'; import './hassio-pages-with-tabs.js'; import applyThemesOnElement from '../../src/common/dom/apply_themes_on_element.js'; +import EventsMixin from '../../src/mixins/events-mixin.js'; import NavigateMixin from '../../src/mixins/navigate-mixin.js'; -class HassioMain extends NavigateMixin(PolymerElement) { +class HassioMain extends EventsMixin(NavigateMixin(PolymerElement)) { static get template() { return html` @@ -93,6 +94,7 @@ class HassioMain extends NavigateMixin(PolymerElement) { if (route.path === '' && route.prefix === '/hassio') { this.navigate('/hassio/dashboard', true); } + this.fire('iron-resize'); } equalsAddon(page) { diff --git a/src/panels/config/ha-panel-config.js b/src/panels/config/ha-panel-config.js index a87dcd209d51..938f5cb6a6b5 100644 --- a/src/panels/config/ha-panel-config.js +++ b/src/panels/config/ha-panel-config.js @@ -6,6 +6,7 @@ import { PolymerElement } from '@polymer/polymer/polymer-element.js'; import '../../layouts/hass-error-screen.js'; import isComponentLoaded from '../../common/config/is_component_loaded.js'; +import EventsMixin from '../../mixins/events-mixin.js'; import NavigateMixin from '../../mixins/navigate-mixin.js'; import(/* webpackChunkName: "panel-config-automation" */ './automation/ha-config-automation.js'); @@ -19,9 +20,10 @@ import(/* webpackChunkName: "panel-config-users" */ './users/ha-config-users.js' import(/* webpackChunkName: "panel-config-zwave" */ './zwave/ha-config-zwave.js'); /* + * @appliesMixin EventsMixin * @appliesMixin NavigateMixin */ -class HaPanelConfig extends NavigateMixin(PolymerElement) { +class HaPanelConfig extends EventsMixin(NavigateMixin(PolymerElement)) { static get template() { return html`