feat(UIShell): only render hamburger menu if SideNav exists (#457)

* feat(UIShell): only render hamburger menu if SideNav exists

* feat(SideNav): store logic moved to onMount
This commit is contained in:
josef 2020-12-09 11:14:32 -06:00 committed by GitHub
commit a9e63e0038
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 13 additions and 1 deletions

View file

@ -35,6 +35,7 @@
/** Obtain a reference to the HTML anchor element */
export let ref = null;
import { shouldRenderHamburgerMenu } from "../navStore";
import HamburgerMenu from "../SideNav/HamburgerMenu.svelte";
let winWidth = undefined;
@ -50,7 +51,7 @@
<header role="banner" aria-label="{ariaLabel}" class:bx--header="{true}">
<slot name="skip-to-content" />
{#if winWidth < 1056 || persistentHamburgerMenu}
{#if ($shouldRenderHamburgerMenu && winWidth < 1056) || persistentHamburgerMenu}
<HamburgerMenu bind:isOpen="{isSideNavOpen}" />
{/if}
<a