Merge pull request #19 from encryption4all/fix/impersonation-banner-scroll

fix: keep impersonation banner inside viewport layout

Author: rubenhensen

src/routes/(admin)/+layout.svelte

@@ -22,6 +22,7 @@
 	]);
 </script>
 
+<div class="layout-shell">
 {#if data.impersonatingOrgId}
 	<div class="impersonation-bar">
 		<Icon icon="mdi:eye" width="16" height="16" />
@@ -83,6 +84,7 @@
 		</div>
 	</div>
 </div>
+</div>
 
 {#if sidebarOpen}
 	<div class="sidebar-overlay desktop-hide" role="presentation" onclick={() => (sidebarOpen = false)}></div>
@@ -115,11 +117,18 @@
 		&:hover { background: rgba(255, 255, 255, 0.3); }
 	}
 
-	.admin-layout {
+	.layout-shell {
 		display: flex;
+		flex-direction: column;
 		min-height: 100vh;
 	}
 
+	.admin-layout {
+		display: flex;
+		flex: 1;
+		min-height: 0;
+	}
+
 	.sidebar {
 		width: 240px;
 		background: var(--pg-soft-background);

src/routes/(portal)/+layout.svelte

@@ -28,6 +28,7 @@
 	]);
 </script>
 
+<div class="layout-shell">
 {#if data.isImpersonating}
 	<div class="impersonation-bar">
 		<Icon icon="mdi:eye" width="16" height="16" />
@@ -89,6 +90,7 @@
 		</div>
 	</div>
 </div>
+</div>
 
 {#if sidebarOpen}
 	<div class="sidebar-overlay desktop-hide" role="presentation" onclick={() => (sidebarOpen = false)}></div>
@@ -125,11 +127,18 @@
 		}
 	}
 
-	.portal {
+	.layout-shell {
 		display: flex;
+		flex-direction: column;
 		min-height: 100vh;
 	}
 
+	.portal {
+		display: flex;
+		flex: 1;
+		min-height: 0;
+	}
+
 	.sidebar {
 		width: 260px;
 		background: var(--pg-soft-background);