From ca8bd1bc85ec48aea1eac7e04c58e66c0fbb39ae Mon Sep 17 00:00:00 2001
From: Owen Jacobson <owen@grimoire.ca>
Date: Sat, 2 Nov 2024 13:51:40 -0400
Subject: Specify overflow behaviour more loosely.

On Safari, `overflow: scroll` forces scrollbars even where not required, leading to a really janky display studded with stray scrollbars.
---
 ui/routes/(app)/+layout.svelte | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

(limited to 'ui/routes/(app)/+layout.svelte')

diff --git a/ui/routes/(app)/+layout.svelte b/ui/routes/(app)/+layout.svelte
index cf5d5f1..1b0a3d9 100644
--- a/ui/routes/(app)/+layout.svelte
+++ b/ui/routes/(app)/+layout.svelte
@@ -84,7 +84,7 @@
             <div class="active-channel border border-solid border-gray-400 rounded-[1.25rem]">
                 <slot />
             </div>
-            <div class="create-message overflow-scroll max-h-full">
+            <div class="create-message max-h-full">
                 <MessageInput {channel} />
             </div>
         </main>
@@ -101,12 +101,12 @@
 #interface {
   margin: unset;
   display: grid;
-  grid-template: 
+  grid-template:
     'side main' 1fr
     / auto 1fr
   ;
   height: calc(100vh - var(--app-bar-height));
-  
+
   @media (width > 640px) {
     --overlay: static;
     --translate: 0;
@@ -134,11 +134,11 @@ main {
 }
 .active-channel {
     height: calc(100vh - var(--app-bar-height) - var(--interface-padding) - var(--input-row-height));
-    overflow: scroll;
+    overflow: auto;
 }
 .channel-list {
     height: calc(100vh - var(--app-bar-height) - var(--interface-padding) - var(--input-row-height));
-    overflow: scroll;
+    overflow: auto;
 }
 nav[data-expanded=false] {
   translate: var(--translate, -100% 0);
-- 
cgit v1.2.3

