From f097ed3a0620e22069e83fe43931f2407cd002eb Mon Sep 17 00:00:00 2001
From: Fermain <Fermain@users.noreply.github.com>
Date: Wed, 19 Jul 2023 16:46:08 +0200
Subject: [PATCH] Closes #112

---
 packages/lms/src/routes/+layout.svelte | 85 ++++++++++++++------------
 1 file changed, 46 insertions(+), 39 deletions(-)

diff --git a/packages/lms/src/routes/+layout.svelte b/packages/lms/src/routes/+layout.svelte
index 7fe24c3b..c0619547 100644
--- a/packages/lms/src/routes/+layout.svelte
+++ b/packages/lms/src/routes/+layout.svelte
@@ -1,48 +1,55 @@
 <script lang="ts">
-	import '@skeletonlabs/skeleton/themes/theme-skeleton.css';
-	import '@skeletonlabs/skeleton/styles/skeleton.css';
-	import '../lib/styles/styles.scss';
-	import { Molly } from '@mollify/molly';
-	import '../app.postcss';
-	import { AppShell, Drawer, Toast } from '@skeletonlabs/skeleton';
-	import Main from '$lib/components/content/Main.svelte';
-	import Footer from '$lib/components/footer/Footer.svelte';
-	import Reader from '$lib/components/header/Reader.svelte';
-	import IconNav from '$lib/components/navigation/IconNav.svelte';
-	import Header from '$lib/components/header/Header.svelte';
-	import 'prismjs/themes/prism-tomorrow.css';
-	import type { LayoutData } from './$types';
-	import EntityNav from '$lib/components/navigation/EntityNav.svelte';
+  import '@skeletonlabs/skeleton/themes/theme-skeleton.css';
+  import '@skeletonlabs/skeleton/styles/skeleton.css';
+  import '../lib/styles/styles.scss';
+  import { Molly } from '@mollify/molly';
+  import '../app.postcss';
+  import { AppShell, Drawer, Toast } from '@skeletonlabs/skeleton';
+  import Main from '$lib/components/content/Main.svelte';
+  import Footer from '$lib/components/footer/Footer.svelte';
+  import Reader from '$lib/components/header/Reader.svelte';
+  import IconNav from '$lib/components/navigation/IconNav.svelte';
+  import Header from '$lib/components/header/Header.svelte';
+  import 'prismjs/themes/prism-tomorrow.css';
+  import type { LayoutData } from './$types';
+  import EntityNav from '$lib/components/navigation/EntityNav.svelte';
+  import { afterNavigate } from '$app/navigation';
+
+  export let data: LayoutData;
+	let main: Main;
+
+	afterNavigate(() => {
+		main?.scrollToTop();
+	})
 
-	export let data: LayoutData;
 </script>
 
 <Drawer>
-	<div class="p-4">
-		<EntityNav entities={data.sitemap} />
-	</div>
+  <div class="p-4">
+    <EntityNav entities={data.sitemap} />
+  </div>
 </Drawer>
 
 <AppShell slotSidebarRight="bg-surface-500/5 w-0 lg:w-64">
-	<svelte:fragment slot="header">
-		<Header />
-	</svelte:fragment>
-	<svelte:fragment slot="sidebarRight">
-		<div class="p-2">
-			<EntityNav entities={data.sitemap} />
-		</div>
-	</svelte:fragment>
-	<svelte:fragment slot="sidebarLeft">
-		<IconNav />
-	</svelte:fragment>
-	<Main>
-		<slot />
-	</Main>
-	<svelte:fragment slot="footer"
-		><Footer>
-			<Reader />
-			<Molly endpoint="/api/molly" />
-		</Footer>
-	</svelte:fragment>
-	<Toast position="t" />
+  <svelte:fragment slot="header">
+    <Header />
+  </svelte:fragment>
+  <svelte:fragment slot="sidebarRight">
+    <div class="p-2">
+      <EntityNav entities={data.sitemap} />
+    </div>
+  </svelte:fragment>
+  <svelte:fragment slot="sidebarLeft">
+    <IconNav />
+  </svelte:fragment>
+  <Main bind:this={main}>
+    <slot />
+  </Main>
+  <svelte:fragment slot="footer"
+    ><Footer>
+      <Reader />
+      <Molly endpoint="/api/molly" />
+    </Footer>
+  </svelte:fragment>
+  <Toast position="t" />
 </AppShell>