From: PhiTux <redacted>
Date: Fri, 26 Sep 2025 17:56:57 +0000 (+0200)
Subject: further css fixes
X-Git-Url: http://git.99rst.org/?a=commitdiff_plain;h=cea351c83acf022145a1ba7b9790c26baafe5b2e;p=DailyTxT.git

further css fixes
---

diff --git a/frontend/src/lib/Sidenav.svelte b/frontend/src/lib/Sidenav.svelte
index 8fd780c..a82b46c 100644
--- a/frontend/src/lib/Sidenav.svelte
+++ b/frontend/src/lib/Sidenav.svelte
@@ -495,14 +495,21 @@
 		border-bottom-right-radius: 0;
 	}
 
+	/* Dynamic search results panel: fill remaining space, but never below 250px */
+	.search {
+		flex: 1 1 auto; /* allow search area to grow */
+		min-height: 0; /* allow inner flex children to compute height */
+		display: flex;
+		flex-direction: column;
+	}
+
 	.list-group {
 		border-top-left-radius: 0;
 		border-top-right-radius: 0;
 		overflow-y: auto;
-		min-height: 250px;
-		/* backdrop-filter: blur(8px) saturate(150%);
-		background-color: rgba(219, 219, 219, 0.45);
-		border: 1px solid #ececec77; */
+		min-height: 250px; /* minimum requirement */
+		flex: 1 1 auto; /* take all remaining vertical space */
+		max-height: none; /* remove hard cap */
 	}
 
 	.input-group {
diff --git a/frontend/src/routes/(authed)/read/+page.svelte b/frontend/src/routes/(authed)/read/+page.svelte
index 7b4032e..fb18ce4 100644
--- a/frontend/src/routes/(authed)/read/+page.svelte
+++ b/frontend/src/routes/(authed)/read/+page.svelte
@@ -396,7 +396,7 @@
 	<Sidenav />
 </div>
 
-<div class="d-flex flex-row justify-content-between h-100">
+<div class="layout-read d-flex flex-row justify-content-between">
 	<!-- shown on large Screen -->
 	{#if $alwaysShowSidenav}
 		<div class="sidenav p-3">
@@ -486,9 +486,22 @@
 		opacity: 0.7;
 	}
 
+	.layout-read {
+		height: 100%;
+		overflow: hidden;
+	}
+
 	.sidenav {
 		width: 380px;
 		min-width: 380px;
+		overflow-y: auto; /* independent scroll */
+		max-height: 100vh; /* constrain to viewport */
+		padding-right: 0.5rem;
+		box-sizing: border-box;
+	}
+
+	#sidenav {
+		overflow-y: auto;
 	}
 
 	.files {
@@ -548,6 +561,8 @@
 
 	#scrollArea {
 		padding-right: 1rem;
+		overflow-y: auto;
+		max-height: 100vh; /* scroll area uses remaining viewport height */
 	}
 
 	@media (min-width: 1300px) and (max-width: 1450px) {
@@ -590,6 +605,11 @@
 		.logContent {
 			flex-direction: column !important;
 		}
+
+		#scrollArea {
+			margin-top: 1rem !important;
+			margin-bottom: 1rem !important;
+		}
 	}
 
 	@media (min-width: 769px) {