fix(scrollbar): change type to auto for scrollbar (#970)

Co-authored-by: Sheldon McGee <sheldon@tooshel.com>
Co-authored-by: Sara Tavares <29093946+stavares843@users.noreply.github.com>
Co-authored-by: Matt Wisniewski <infamousvaguerat@gmail.com>

Author: 4 people

src/lib/components/messaging/Conversation.svelte

@@ -183,7 +183,7 @@
             mask-image: linear-gradient(to top, var(--background) calc(100% - 1rem), transparent 100%);
             padding-top: 2rem;
             height: 100%;
-            overflow-y: scroll;
+            overflow-y: auto;
             overflow-x: hidden;
             padding-right: var(--padding-less);
 

src/lib/layouts/Sidebar.svelte

@@ -103,7 +103,6 @@
         flex-direction: row;
         border-right: var(--border-width) solid var(--border-color);
         max-height: 100vh;
-        overflow-y: hidden;
 
         .sidebar {
             display: inline-flex;
@@ -120,7 +119,8 @@
             padding-right: var(--gap);
             flex: 1;
             width: 100%;
-            overflow-y: scroll;
+            height: fit-content;
+            overflow-y: auto;
             overflow-x: hidden;
             gap: var(--gap);
         }

src/routes/friends/+page.svelte

@@ -516,7 +516,7 @@
                     padding-top: 15px;
                     min-height: 0;
                     width: 100%;
-                    overflow-y: scroll;
+                    overflow-y: auto;
                     flex-grow: 1;
                     display: flex;
                     flex-direction: column;