From f974d1173f875ba5c8df2fec46ce9dfcebe03392 Mon Sep 17 00:00:00 2001
From: Rita Lopes <up202108819@up.pt>
Date: Thu, 28 Mar 2024 16:16:42 +0000
Subject: [PATCH 1/5] Added code to replicate bug

---
 src/routes/+page.svelte | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index e69de29b..de98261c 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -0,0 +1,2 @@
+<div style="min-height: 400px;">
+</div>
\ No newline at end of file

From fc17ecdc7f3e147f671fee89ecc55c99396f5efa Mon Sep 17 00:00:00 2001
From: Rita Lopes <up202108819@up.pt>
Date: Thu, 28 Mar 2024 16:40:02 +0000
Subject: [PATCH 2/5] Added fixed to sidebar

---
 src/lib/layout/Sidebar.svelte | 2 +-
 src/routes/+page.svelte       | 3 +--
 2 files changed, 2 insertions(+), 3 deletions(-)

diff --git a/src/lib/layout/Sidebar.svelte b/src/lib/layout/Sidebar.svelte
index 3d232a6a..c6f8af7d 100644
--- a/src/lib/layout/Sidebar.svelte
+++ b/src/lib/layout/Sidebar.svelte
@@ -23,7 +23,7 @@
   </nav>
 {:else}
   <nav
-    class="bg-ni-sidebar absolute grid h-screen w-screen grid-cols-[1fr_4em] grid-rows-[4em_1fr] justify-items-center py-4 px-2 sm:invisible"
+    class="bg-ni-sidebar fixed grid h-screen w-screen flex-grow grid-cols-[1fr_4em] grid-rows-[4em_1fr] justify-items-center py-4 px-2 sm:invisible"
   >
     <BackgroundHexagon position="left" />
     <button
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index de98261c..8814ac29 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -1,2 +1 @@
-<div style="min-height: 400px;">
-</div>
\ No newline at end of file
+<div style="min-height: 400px;" />

From 24edb026ace49b3d52548a2e12e65c3892f4229c Mon Sep 17 00:00:00 2001
From: Rita Lopes <up202108819@up.pt>
Date: Fri, 26 Jul 2024 15:11:45 +0100
Subject: [PATCH 3/5] Removed scroll from body when sidebar is opened

---
 .../(app)/_components/layout/Sidebar.svelte   | 50 -------------------
 .../(app)/_components/layout/sidebar.svelte   | 21 +++++---
 2 files changed, 15 insertions(+), 56 deletions(-)
 delete mode 100644 src/routes/(app)/_components/layout/Sidebar.svelte

diff --git a/src/routes/(app)/_components/layout/Sidebar.svelte b/src/routes/(app)/_components/layout/Sidebar.svelte
deleted file mode 100644
index 4ac1ee13..00000000
--- a/src/routes/(app)/_components/layout/Sidebar.svelte
+++ /dev/null
@@ -1,50 +0,0 @@
-<script lang="ts">
-  import SidebarItems from './sidebar-items';
-  import NavItem from './nav-item.svelte';
-  import BackgroundHexagon from './background-hexagon.svelte';
-  import Icon from '@/lib/components/icons/icon.svelte';
-  import Icons from '@/lib/components/icons/icons';
-
-  let selectedIndex: number | null = null;
-  let sidebarClosed = true;
-</script>
-
-{#if sidebarClosed}
-  <nav
-    class="fixed grid h-fit w-full grid-cols-[1fr_4em] grid-rows-1 justify-items-center bg-transparent px-2 py-4 text-white"
-  >
-    <button
-      class="col-start-2 h-fit w-1/2 sm:invisible"
-      on:click={() => (sidebarClosed = !sidebarClosed)}
-      aria-label="Open sidebar"
-    >
-      <Icon src={Icons.Bars} color="white" size="31px" />
-    </button>
-  </nav>
-{:else}
-  <nav
-    class="bg-ni-sidebar fixed grid h-screen w-screen flex-grow grid-cols-[1fr_4em] grid-rows-[4em_1fr] justify-items-center py-4 px-2 sm:invisible"
-  >
-    <BackgroundHexagon position="left" />
-    <button
-      class="col-start-2 h-fit w-1/2 text-white"
-      on:click={() => (sidebarClosed = !sidebarClosed)}
-    >
-      <Icon src={Icons.Close} color="white" size="31px" />
-    </button>
-    <ul
-      class="col-span-2 col-start-1 flex w-full flex-col items-start gap-10 pt-12 font-source_code text-3xl text-white"
-    >
-      {#each SidebarItems as item, i}
-        <NavItem selected={selectedIndex === i}>
-          <a
-            href="#/"
-            on:click={() => {
-              selectedIndex = i;
-            }}>{item}</a
-          >
-        </NavItem>
-      {/each}
-    </ul>
-  </nav>
-{/if}
diff --git a/src/routes/(app)/_components/layout/sidebar.svelte b/src/routes/(app)/_components/layout/sidebar.svelte
index 14b4c4ab..779d9c03 100644
--- a/src/routes/(app)/_components/layout/sidebar.svelte
+++ b/src/routes/(app)/_components/layout/sidebar.svelte
@@ -7,6 +7,11 @@
 
   let selectedIndex: number | null = null;
   let sidebarClosed = true;
+
+  function toggleSidebar() {
+    sidebarClosed = !sidebarClosed;
+    document.body.classList.toggle('no-scroll', !sidebarClosed);
+  }
 </script>
 
 {#if sidebarClosed}
@@ -15,7 +20,7 @@
   >
     <button
       class="col-start-2 h-fit w-1/2 sm:invisible"
-      on:click={() => (sidebarClosed = !sidebarClosed)}
+      on:click={toggleSidebar}
       aria-label="Open sidebar"
     >
       <Icon src={Icons.Bars} color="white" size="31px" />
@@ -23,13 +28,10 @@
   </nav>
 {:else}
   <nav
-    class="bg-ni-sidebar absolute grid h-screen w-screen grid-cols-[1fr_4em] grid-rows-[4em_1fr] justify-items-center px-2 py-4 sm:invisible"
+    class="bg-ni-sidebar fixed grid h-screen w-screen grid-cols-[1fr_4em] grid-rows-[4em_1fr] justify-items-center px-2 py-4 sm:invisible"
   >
     <BackgroundHexagon position="left" />
-    <button
-      class="col-start-2 h-fit w-1/2 text-white"
-      on:click={() => (sidebarClosed = !sidebarClosed)}
-    >
+    <button class="col-start-2 h-fit w-1/2 text-white" on:click={toggleSidebar}>
       <Icon src={Icons.Close} color="white" size="31px" />
     </button>
     <ul
@@ -41,6 +43,7 @@
             href="#/"
             on:click={() => {
               selectedIndex = i;
+              toggleSidebar();
             }}>{item}</a
           >
         </NavItem>
@@ -48,3 +51,9 @@
     </ul>
   </nav>
 {/if}
+
+<style>
+  :global(.no-scroll) {
+    overflow: hidden;
+  }
+</style>

From 191ce7c8f0fe4c77b677478d3e86992e88190011 Mon Sep 17 00:00:00 2001
From: Rita Lopes <up202108819@up.pt>
Date: Fri, 26 Jul 2024 15:15:41 +0100
Subject: [PATCH 4/5] Removed testing page

---
 src/routes/(app)/(home)/+page.svelte | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/routes/(app)/(home)/+page.svelte b/src/routes/(app)/(home)/+page.svelte
index 8814ac29..e69de29b 100644
--- a/src/routes/(app)/(home)/+page.svelte
+++ b/src/routes/(app)/(home)/+page.svelte
@@ -1 +0,0 @@
-<div style="min-height: 400px;" />

From de2f9deeaff186ad3015b77ec39833df67cf1618 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?M=C2=AA=20Rita=20Lopes?= <up202108819@up.pt>
Date: Tue, 5 Nov 2024 13:14:37 +0000
Subject: [PATCH 5/5] Linter and removed test file

---
 src/routes/(app)/(home)/+page.svelte | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/routes/(app)/(home)/+page.svelte b/src/routes/(app)/(home)/+page.svelte
index 49459a41..e69de29b 100644
--- a/src/routes/(app)/(home)/+page.svelte
+++ b/src/routes/(app)/(home)/+page.svelte
@@ -1 +0,0 @@
-<div style="min-height: 400px;"></div>
\ No newline at end of file