From 76fc79e74f4d1ff1478ca810816e20c71a12fef7 Mon Sep 17 00:00:00 2001 From: seferturan Date: Sat, 15 Feb 2025 16:26:27 +0100 Subject: [PATCH 1/2] fix: scrollbars in safari --- .../src/lib/components/lists/section-list/ShadowList.svelte | 6 +++++- projects/client/src/routes/+layout.svelte | 1 - 2 files changed, 5 insertions(+), 2 deletions(-) diff --git a/projects/client/src/lib/components/lists/section-list/ShadowList.svelte b/projects/client/src/lib/components/lists/section-list/ShadowList.svelte index d2619420c..ef4867786 100644 --- a/projects/client/src/lib/components/lists/section-list/ShadowList.svelte +++ b/projects/client/src/lib/components/lists/section-list/ShadowList.svelte @@ -185,11 +185,15 @@ .shadow-list-horizontal-scroll { height: var(--height-list); display: flex; - overflow-x: auto; + overflow-x: hidden; scroll-snap-type: x proximity; transition: gap var(--transition-increment) ease-in-out; @include adaptive-gap(gap); + &:hover { + overflow-x: auto; + } + & > :global(:not(svelte-css-wrapper)) { scroll-snap-align: start; diff --git a/projects/client/src/routes/+layout.svelte b/projects/client/src/routes/+layout.svelte index 685ea196b..14ec976a2 100644 --- a/projects/client/src/routes/+layout.svelte +++ b/projects/client/src/routes/+layout.svelte @@ -134,7 +134,6 @@ ); border-radius: var(--border-radius-xs); backdrop-filter: blur(var(--ni-4)); - opacity: 0; } :global(:hover::-webkit-scrollbar-thumb) { From 2d9f4325d507355df9965593c20f2acd7c2c4aa6 Mon Sep 17 00:00:00 2001 From: seferturan Date: Sat, 15 Feb 2025 16:47:12 +0100 Subject: [PATCH 2/2] fix: dropdown list in safari --- projects/client/src/lib/components/dropdown/DropdownList.svelte | 1 + 1 file changed, 1 insertion(+) diff --git a/projects/client/src/lib/components/dropdown/DropdownList.svelte b/projects/client/src/lib/components/dropdown/DropdownList.svelte index 762b25288..53ba9ef67 100644 --- a/projects/client/src/lib/components/dropdown/DropdownList.svelte +++ b/projects/client/src/lib/components/dropdown/DropdownList.svelte @@ -111,6 +111,7 @@ } .trakt-list { + z-index: var(--layer-menu); opacity: 1; }