From 2549699a880562f9725d350c76b49c26363114a9 Mon Sep 17 00:00:00 2001 From: wukko Date: Sun, 16 Jun 2024 19:25:30 +0600 Subject: [PATCH] web/layout: hide all scrollbars --- web/src/components/sidebar/Sidebar.svelte | 2 -- web/src/routes/+layout.svelte | 8 +++++++- 2 files changed, 7 insertions(+), 3 deletions(-) diff --git a/web/src/components/sidebar/Sidebar.svelte b/web/src/components/sidebar/Sidebar.svelte index f2c76998..2372f097 100644 --- a/web/src/components/sidebar/Sidebar.svelte +++ b/web/src/components/sidebar/Sidebar.svelte @@ -63,7 +63,6 @@ height: 100vh; width: var(--sidebar-width); position: sticky; - scrollbar-width: none; } #sidebar-tabs { @@ -71,7 +70,6 @@ justify-content: space-between; padding-bottom: var(--padding); overflow: scroll; - scrollbar-width: none; } @media screen and (max-width: 535px) { diff --git a/web/src/routes/+layout.svelte b/web/src/routes/+layout.svelte index 066dc161..11a7ae8c 100644 --- a/web/src/routes/+layout.svelte +++ b/web/src/routes/+layout.svelte @@ -35,10 +35,15 @@ :global(*) { font-family: "IBM Plex Mono", "Noto Sans Mono Variable", "Noto Sans Mono", monospace; - -webkit-tap-highlight-color: transparent; user-select: none; + scrollbar-width: none; -webkit-user-select: none; -webkit-user-drag: none; + -webkit-tap-highlight-color: transparent; + } + + :global(::-webkit-scrollbar) { + display: none; } :global(a) { @@ -85,6 +90,7 @@ display: flex; overflow: scroll; } + @media screen and (max-width: 535px) { #cobalt { display: grid;