diff options
| author | Owen Jacobson <owen@grimoire.ca> | 2024-11-02 13:51:40 -0400 |
|---|---|---|
| committer | Owen Jacobson <owen@grimoire.ca> | 2024-11-02 13:51:40 -0400 |
| commit | ca8bd1bc85ec48aea1eac7e04c58e66c0fbb39ae (patch) | |
| tree | 8208bb433c792bf7e3575dfb1d28b4fb780b70c8 /ui/routes/(app) | |
| parent | 77f750496d9e6e0f9301646f4066dc53e4ad7fab (diff) | |
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.
Diffstat (limited to 'ui/routes/(app)')
| -rw-r--r-- | ui/routes/(app)/+layout.svelte | 10 |
1 files changed, 5 insertions, 5 deletions
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); |