ok

reakaleek · reakaleek · commit f351f9fb58e1 · 2025-02-20T16:42:45.000+01:00
diff --git a/src/Elastic.Markdown/Slices/_Layout.cshtml b/src/Elastic.Markdown/Slices/_Layout.cshtml
@@ -10,18 +10,18 @@
 	<meta name="htmx-config" content='{"scrollIntoViewOnBoost": false, "selfRequestsOnly": true}'>
 </head>
 <body class="text-ink" hx-ext="preload">
-<div class="w-full fixed top-0 left-0 right-0 htmx-indicator" id="htmx-indicator">
-	<div class="h-1.5 w-full bg-pink-10 overflow-hidden">
-		<div class="progress w-full h-full bg-pink-50 left-right"></div>
-	</div>
-</div>
 @(await RenderPartialAsync(_Header.Create(Model)))
 <div class="flex flex-col items-center px-6">
 	<div class="container flex">
 		@await RenderPartialAsync(_PagesNav.Create(Model))
 		@await RenderPartialAsync(_TableOfContents.Create(Model))
-		<main class="w-full pt-6 pb-30 px-6 order-2">
-
+		<main class="w-full pt-6 pb-30 px-6 order-2 relative">
+			<div class="w-full absolute top-0 left-0 right-0 htmx-indicator" id="htmx-indicator" role="status">
+				<div class="h-[2px] w-full overflow-hidden">
+					<div class="progress w-full h-full bg-pink-70 left-right"></div>
+				</div>
+				<div class="sr-only">Loading</div>
+			</div>
 			<div class="content-container">
 				@await RenderPartialAsync(_Breadcrumbs.Create(Model))
 			</div>
