From 9046150d1f7a0cb353e58682bc4b4bb80df50df8 Mon Sep 17 00:00:00 2001 From: Gigi Date: Fri, 3 Oct 2025 09:31:04 +0200 Subject: [PATCH] fix(ui): make sidebar and reader scroll independently - Remove position: sticky from sidebar - Set fixed height on two-pane container (calc(100vh - 4rem)) - Add overflow-y: auto to both sidebar and main panes - Each pane now scrolls independently without affecting the other - Fix issue where bookmark bar was 'stuck' with long articles --- src/index.css | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/src/index.css b/src/index.css index 4b707a39..528f0074 100644 --- a/src/index.css +++ b/src/index.css @@ -403,7 +403,7 @@ body { display: grid; grid-template-columns: 360px 1fr; gap: 1rem; - align-items: start; + height: calc(100vh - 4rem); transition: grid-template-columns 0.3s ease; } @@ -412,13 +412,13 @@ body { } .pane.sidebar { - position: sticky; - top: 1rem; - align-self: start; + overflow-y: auto; + height: 100%; } .pane.main { - min-height: 60vh; + overflow-y: auto; + height: 100%; } .reader {