From 76ac0505e33bf25df576ca8bfff08927475fcbc6 Mon Sep 17 00:00:00 2001
From: Eric Liu <ericyl.us@gmail.com>
Date: Sun, 2 Aug 2020 05:52:01 -0700
Subject: [PATCH] feat(ui-shell): add expandedByDefault prop to Header

---
 src/UIShell/GlobalHeader/Header.svelte | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/src/UIShell/GlobalHeader/Header.svelte b/src/UIShell/GlobalHeader/Header.svelte
index f43fbdff..4dd216ea 100644
--- a/src/UIShell/GlobalHeader/Header.svelte
+++ b/src/UIShell/GlobalHeader/Header.svelte
@@ -1,4 +1,10 @@
 <script>
+  /**
+   * Set to `false` to hide the side nav by default
+   * @type {boolean} [expandedByDefault=true]
+   */
+  export let expandedByDefault = true;
+
   /**
    * Set to `true` to open the side nav
    * @type {boolean} [isSideNavOpen=false]
@@ -34,7 +40,7 @@
 
   let winWidth = undefined;
 
-  $: isSideNavOpen = winWidth >= 1056;
+  $: isSideNavOpen = expandedByDefault && winWidth >= 1056;
   $: ariaLabel = company
     ? `${company} `
     : "" + (uiShellAriaLabel || $$props["aria-label"] || platformName);
@@ -49,8 +55,7 @@
   {/if}
   <a {href} class:bx--header__name={true} {...$$restProps} on:click>
     {#if company}
-      <span class:bx--header__name--prefix={true}>{company}</span>
-      &nbsp;
+      <span class:bx--header__name--prefix={true}>{company}&nbsp;</span>
     {/if}
     <slot name="platform">{platformName}</slot>
   </a>