Attempt to hide scrollbar

src/main/java/com/faf223/expensetrackerfaf/web/src/routes/dashboard/board/Expenses.svelte

@@ -30,7 +30,8 @@
 </script>
 
 <div id="expenseInfo" style="max-height: {parentHeight}px;">
-    <h2>Expenses</h2>
+    <h2 id="text">Expenses</h2>
+    <div id="expenseList">
         <ul>
             {#each data as item}
                 <li>
@@ -41,8 +42,14 @@
             {/each}
         </ul>
     </div>
+</div>
 
 <style>
+    #text {
+        padding: 0 0 10px;
+        margin: 0;
+    }
+
     #expenseInfo {
         flex: 1;
         border-radius: 10px;
@@ -51,6 +58,24 @@
         max-height: 100%;
     }
 
+    h2 {
+        position: sticky;
+        top: 0;
+        background-color: #f2f2f2;
+        padding: 10px;
+        border-radius: 10px 10px 0 0;
+        z-index: 1;
+    }
+
+    #expenseList {
+        margin-top: 10px;
+        scrollbar-width: none;
+    }
+
+    #expenseList::-webkit-scrollbar {
+        display: none;
+    }
+
     ul {
         list-style: none;
         padding: 0;

src/main/java/com/faf223/expensetrackerfaf/web/src/routes/dashboard/board/Incomes.svelte

@@ -30,7 +30,8 @@
 </script>
 
 <div id="incomeInfo" style="max-height: {parentHeight}px;">
-    <h2>Incomes</h2>
+    <h2 id="text">Incomes</h2>
+    <div id="incomeList">
         <ul>
             {#each data as item}
                 <li>
@@ -41,8 +42,14 @@
             {/each}
         </ul>
     </div>
+</div>
 
 <style>
+    #text {
+        padding: 0 0 10px;
+        margin: 0;
+    }
+
     #incomeInfo {
         flex: 1;
         border-radius: 10px;
@@ -51,6 +58,19 @@
         max-height: 100%;
     }
 
+    h2 {
+        position: sticky;
+        top: 0;
+        background-color: #f2f2f2;
+        padding: 10px;
+        border-radius: 10px 10px 0 0;
+        z-index: 1;
+    }
+
+    #incomeList {
+        margin-top: 10px;
+    }
+
     ul {
         list-style: none;
         padding: 0;
@@ -68,4 +88,5 @@
     li:hover {
         box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
     }
+
 </style>