mcp/carbon-components-svelte
1
0
Fork 0
mirror of https://github.com/carbon-design-system/carbon-components-svelte.git synced 2025-09-15 10:21:05 +00:00
Code Issues Projects Releases Packages Wiki Activity

Merge pull request #396 from IBM/374-header-hamburger-persistence

Browse source 
feat(UIShell): add persistentHamburgerMenu prop to Header
This commit is contained in:
Eric Liu 2020-11-18 08:26:29 -08:00 • committed by GitHub
commit d9e14b2561
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
4 changed files with 80 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

11
src/UIShell/GlobalHeader/Header.svelte
View file

@ -36,6 +36,12 @@
*/
export let platformName = "";
/**
* Specify Hamburger Menu persistance
* @type {boolean} [persistentHamburgerMenu=false]
*/
export let persistentHamburgerMenu = false;
/**
* Obtain a reference to the HTML anchor element
* @type {null | HTMLAnchorElement} [ref=null]
@ -46,7 +52,8 @@
let winWidth = undefined;
$: isSideNavOpen = expandedByDefault && winWidth >= 1056;
$: isSideNavOpen =
expandedByDefault && winWidth >= 1056 && !persistentHamburgerMenu;
$: ariaLabel = company
? `${company} `
: "" + (uiShellAriaLabel || $$props["aria-label"] || platformName);
@ -56,7 +63,7 @@
<header role="banner" aria-label="{ariaLabel}" class:bx--header="{true}">
<slot name="skip-to-content" />
{#if winWidth < 1056}
{#if winWidth < 1056 || persistentHamburgerMenu}
<HamburgerMenu bind:isOpen="{isSideNavOpen}" />
{/if}
<a

2
src/UIShell/SideNav/SideNav.svelte
View file

@ -33,7 +33,7 @@
class:bx--side-nav="{true}"
class:bx--side-nav--ux="{true}"
class:bx--side-nav--expanded="{isOpen}"
class:bx--side-nav--collapsed="{!isOpen && fixed}"
class:bx--side-nav--collapsed="{!isOpen}"
{...$$restProps}
>
<slot />