jeans/frontend
jeans/frontend
1
0
Fork 0
mirror of https://github.com/home-assistant/frontend.git synced 2025-07-28 19:56:42 +00:00
Code Issues Packages Projects Releases Wiki Activity

Close the drawer when picking a panel when in forced narrow mode (#3402)

Browse Source
This commit is contained in:
Paulus Schoutsen 2019-07-21 11:07:26 -07:00 committed by GitHub
parent 2fd75742f1
commit 56c08a1d07
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 7 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
src/layouts/home-assistant-main.ts
View File

@ -44,8 +44,7 @@ class HomeAssistantMain extends LitElement {
return; return;
} }
const sidebarNarrow = const sidebarNarrow = this._sidebarNarrow;
this.narrow || this.hass.dockedSidebar === "always_hidden";
const disableSwipe = const disableSwipe =
!sidebarNarrow || NON_SWIPABLE_PANELS.indexOf(hass.panelUrl) !== -1; !sidebarNarrow || NON_SWIPABLE_PANELS.indexOf(hass.panelUrl) !== -1;
@ -91,7 +90,7 @@ class HomeAssistantMain extends LitElement {
import(/* webpackChunkName: "ha-sidebar" */ "../components/ha-sidebar"); import(/* webpackChunkName: "ha-sidebar" */ "../components/ha-sidebar");
this.addEventListener("hass-toggle-menu", () => { this.addEventListener("hass-toggle-menu", () => {
if (this.narrow || this.hass.dockedSidebar === "always_hidden") { if (this._sidebarNarrow) {
if (this.drawer.opened) { if (this.drawer.opened) {
this.drawer.close(); this.drawer.close();
} else { } else {
@ -120,7 +119,7 @@ class HomeAssistantMain extends LitElement {
this.narrow || this.hass.dockedSidebar !== "auto" this.narrow || this.hass.dockedSidebar !== "auto"
); );
if (changedProps.has("route") && this.narrow) { if (changedProps.has("route") && this._sidebarNarrow) {
this.drawer.close(); this.drawer.close();
} }
@ -136,6 +135,10 @@ class HomeAssistantMain extends LitElement {
this.narrow = ev.detail.value; this.narrow = ev.detail.value;
} }
private get _sidebarNarrow() {
return this.narrow || this.hass.dockedSidebar === "always_hidden";
}
private get drawer(): AppDrawerElement { private get drawer(): AppDrawerElement {
return this.shadowRoot!.querySelector("app-drawer")!; return this.shadowRoot!.querySelector("app-drawer")!;
} }