From 854b93ec072a038f7ec5f7b198f168a3d6a97984 Mon Sep 17 00:00:00 2001
From: Alessandro Pignotti <a.pignotti@sssup.it>
Date: Sun, 13 Oct 2024 19:05:29 +0200
Subject: [PATCH] Svelte: Favor traditional absolute positioning for xterm and
 surrouding top-level components

xterm resizing interacts very poorly with flex
---
 src/lib/SideBar.svelte  | 2 +-
 src/lib/global.css      | 1 +
 src/routes/+page.svelte | 6 +++---
 3 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/lib/SideBar.svelte b/src/lib/SideBar.svelte
index 30d0fa5..76db044 100644
--- a/src/lib/SideBar.svelte
+++ b/src/lib/SideBar.svelte
@@ -26,7 +26,7 @@
 	}
 </script>
 
-<div class="flex flex-row w-14 bg-neutral-700" on:mouseleave={hideInfo}>
+<div class="flex flex-row w-14 h-full bg-neutral-700" on:mouseleave={hideInfo}>
 	<div class="flex flex-col shrink-0 w-14 text-gray-300">
 		{#each icons as i}
 			{#if i}
diff --git a/src/lib/global.css b/src/lib/global.css
index b65b9a7..4471cd9 100644
--- a/src/lib/global.css
+++ b/src/lib/global.css
@@ -8,6 +8,7 @@ body
 	font-family: Archivo, sans-serif;
 	margin: 0;
 	height: 100%;
+	overflow: hidden;
 	background: black;
 }
 
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 4098960..ff9d6b1 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -159,11 +159,11 @@
 	}
 </script>
 
-<main class="flex flex-col w-full h-full">
+<main class="relative w-full h-full">
 	<Nav />
-	<div class="flex flex-row flex-grow">
+	<div class="absolute top-10 bottom-0 left-0 right-0">
 		<SideBar on:connect={handleConnect}/>
-		<div class="grow h-full p-1 scrollbar" id="console">
+		<div class="absolute top-0 bottom-0 left-14 right-0 p-1 scrollbar" id="console">
 		</div>
 	</div>
 </main>