From b239f90c6dd342c0f7c431f0514b88bc53754cef Mon Sep 17 00:00:00 2001
From: Wil Wade <wil.wade@projectliberty.io>
Date: Mon, 11 Nov 2024 20:28:56 +0000
Subject: [PATCH 1/2] Handle header bug with width

---
 src/lib/features/NavMenuMobile.svelte | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/lib/features/NavMenuMobile.svelte b/src/lib/features/NavMenuMobile.svelte
index 1c6eaef..e2394e0 100644
--- a/src/lib/features/NavMenuMobile.svelte
+++ b/src/lib/features/NavMenuMobile.svelte
@@ -17,7 +17,7 @@
   classes="cursor-pointer text-navy peer-checked:text-white peer-checked:hover:text-teal hover:text-teal flex self-center lg:hidden"
 />
 <div
-  class="z-1 fixed right-0 top-0 z-10 flex h-0 w-[100vw] flex-col justify-between gap-f24 overflow-y-scroll bg-navy px-[12%] transition-[height] duration-[1s] peer-checked:h-[100vh] lg:hidden"
+  class="z-1 fixed left-0 top-0 z-10 flex h-0 w-[100vw] flex-col justify-between gap-f24 overflow-y-scroll bg-navy px-[12%] transition-[height] duration-[1s] peer-checked:h-[100vh] lg:hidden"
   aria-expanded={isOpen}
 >
   <nav id="mobile-navigation" aria-label="Main" class="mb-f20 mt-[85px] flex flex-col gap-f24 text-white">

From 15f10712a34455fca65219d2f6b9c4e0a1072f6f Mon Sep 17 00:00:00 2001
From: Wil Wade <wil.wade@projectliberty.io>
Date: Mon, 11 Nov 2024 20:29:29 +0000
Subject: [PATCH 2/2] Make sure the mobile menu closes when someone clicks on
 an anchor link

---
 src/lib/features/NavMenuMobile.svelte | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/lib/features/NavMenuMobile.svelte b/src/lib/features/NavMenuMobile.svelte
index e2394e0..a5f1b99 100644
--- a/src/lib/features/NavMenuMobile.svelte
+++ b/src/lib/features/NavMenuMobile.svelte
@@ -8,7 +8,7 @@
   export let menuItems: MenuItem[] = [];
   export let toggleIdentifier: string = 'mobile-menu-toggle';
 
-  // isOpen for updating Aria state only
+  // isOpen is bound to the checkbox state
   let isOpen: boolean = false;
 </script>
 
@@ -35,8 +35,11 @@
         <a
           href={item.href}
           target={item.isExternal ? '_blank' : '_self'}
-          class={`h4 underline-on-hover font-bold after:bg-current`}>{item.label}</a
+          class={`h4 underline-on-hover font-bold after:bg-current`}
+          on:click={() => (item.isExternal ? null : (isOpen = false))}
         >
+          {item.label}
+        </a>
       {/if}
     {/each}
   </nav>