breadcrumb + navbar edits

Author: mnyrop

src/lib/components/Header.svelte

@@ -3,7 +3,7 @@
 	import { Link, OutboundLink } from 'carbon-components-svelte';
 </script>
 
-<header>
+<header class="sticky top-0 z-50">
 	<div class="mb-10 bg-slate-900 px-4 py-2 md:px-8 lg:px-36">
 		<nav class="flex flex-row flex-wrap gap-2 md:gap-8">
 			<Link class="pr-2 text-xs !text-white" href={base}>M/S Reading Room v1</Link>

src/lib/components/SearchTabs.svelte

@@ -43,11 +43,3 @@
 		</TabContent>
 	</svelte:fragment>
 </Tabs>
-
-<!-- <div>
-	<ul>
-		{#each results as result}
-			<li>{result}</li>
-		{/each}
-	</ul>
-</div> -->

src/lib/scope.js

@@ -8,5 +8,10 @@ export function getScopeIndex(scope) {
 
 export function updateScopeIndex(index) {
 	const newScope = validScopes[index];
-	goto(`?tab=${newScope}`, { replaceState: true, invalidateAll: true });
+	goto(`?tab=${newScope}`, {
+		replaceState: true,
+		invalidateAll: true,
+		noScroll: false,
+		keepFocus: true
+	});
 }

src/routes/+layout.svelte

@@ -27,7 +27,7 @@
 
 <div class="min-h-screen">
 	<Header />
-	<main class="mb-36 w-full px-4 pb-20 md:px-8 lg:px-36">
+	<main class="relative mb-36 w-full px-4 pb-20 md:px-8 lg:px-36">
 		{@render children()}
 	</main>
 </div>

src/routes/about/+page.svelte

@@ -90,7 +90,7 @@
 	];
 </script>
 
-<Breadcrumb noTrailingSlash class="mb-8">
+<Breadcrumb class="mb-8">
 	<BreadcrumbItem href={base}>Home</BreadcrumbItem>
 </Breadcrumb>
 

src/routes/data-guide/+page.svelte

@@ -30,7 +30,7 @@
 	};
 </script>
 
-<Breadcrumb noTrailingSlash class="mb-8">
+<Breadcrumb class="mb-8">
 	<BreadcrumbItem href={base}>Home</BreadcrumbItem>
 </Breadcrumb>
 

src/routes/results/[scope]/+page.svelte

@@ -86,9 +86,9 @@
 	}
 </script>
 
-<Breadcrumb noTrailingSlash class="mb-8">
+<Breadcrumb class="mb-8">
 	{#if localStorage.getItem('formReferrer')}
-		<BreadcrumbItem href={localStorage.getItem('formReferrer')}>Back to search</BreadcrumbItem>
+		<BreadcrumbItem href={localStorage.getItem('formReferrer')}>Home</BreadcrumbItem>
 	{:else}
 		<BreadcrumbItem href={base}>Home</BreadcrumbItem>
 	{/if}

src/routes/view/afile/[anum]/[pageslug]/+page.svelte

@@ -62,6 +62,7 @@
 			id: 'mirador',
 			window: {
 				imageToolsEnabled: true,
+				hideWindowTitle: true,
 				allowClose: false,
 				allowFullscreen: true,
 				allowMaximize: false,
@@ -106,11 +107,15 @@
 </script>
 
 <Breadcrumb noTrailingSlash class="mb-8">
-	{#if localStorage.getItem('resultReferrer')}
-		<BreadcrumbItem href={localStorage.getItem('resultReferrer')}>Back to results</BreadcrumbItem>
+	{#if localStorage.getItem('formReferrer')}
+		<BreadcrumbItem href={localStorage.getItem('formReferrer')}>Home</BreadcrumbItem>
 	{:else}
 		<BreadcrumbItem href={base}>Home</BreadcrumbItem>
 	{/if}
+	{#if localStorage.getItem('resultReferrer')}
+		<BreadcrumbItem href={localStorage.getItem('resultReferrer')}>Search Results</BreadcrumbItem>
+	{/if}
+	<BreadcrumbItem isCurrentPage>{afile.id}</BreadcrumbItem>
 </Breadcrumb>
 
 <h1 class="mb-8">{afile.fields.last_name?.nara}, {afile.fields.first_name?.nara}</h1>