From ed32367018317926470b43b009f5a127ddbafb09 Mon Sep 17 00:00:00 2001
From: Florian Heuberger
Date: Tue, 3 Feb 2026 09:15:51 +0100
Subject: [PATCH 1/2] fix: add scrolling including scroll shadow
---
app/assets/main.css | 23 +++++++++++++++++++++++
app/pages/package/[...package].vue | 8 +++++---
2 files changed, 28 insertions(+), 3 deletions(-)
diff --git a/app/assets/main.css b/app/assets/main.css
index 85e8802a2..a03ae20eb 100644
--- a/app/assets/main.css
+++ b/app/assets/main.css
@@ -322,3 +322,26 @@ html:has(dialog:modal) {
overflow: hidden;
scrollbar-gutter: stable;
}
+
+/* Scroll shadow - disappears at scroll ends */
+@screen lg {
+ .scroll-shadow {
+ --_sh: oklch(0 0 0 / 0.12);
+ background:
+ linear-gradient(var(--bg) 30%, transparent) local,
+ linear-gradient(transparent, var(--bg) 70%) local,
+ radial-gradient(farthest-side at 50% 0, var(--_sh), transparent) scroll,
+ radial-gradient(farthest-side at 50% 100%, var(--_sh), transparent) scroll;
+ background-position: top, bottom, top, bottom;
+ background-size:
+ 100% 3rem,
+ 100% 3rem,
+ 100% 1.5rem,
+ 100% 1.5rem;
+ background-repeat: no-repeat;
+ }
+
+ :root[data-theme='dark'] .scroll-shadow {
+ --_sh: oklch(1 0 0 / 0.08);
+ }
+}
diff --git a/app/pages/package/[...package].vue b/app/pages/package/[...package].vue
index 2ecb60c3f..55b051955 100644
--- a/app/pages/package/[...package].vue
+++ b/app/pages/package/[...package].vue
@@ -1008,9 +1008,11 @@ defineOgImageComponent('Package', {
-