Move loading spinner to bottom of page to fix z-index

This commit is contained in:
2024-04-11 18:51:45 +02:00
parent c5432c7541
commit 5bc24d4a04
2 changed files with 8 additions and 2 deletions

View File

@@ -366,8 +366,6 @@ const keyboard_event = evt => {
<svelte:window on:keydown={keyboard_event} on:hashchange={hash_change}/> <svelte:window on:keydown={keyboard_event} on:hashchange={hash_change}/>
<div class="file_viewer"> <div class="file_viewer">
<LoadingIndicator loading={loading}/>
<div class="headerbar"> <div class="headerbar">
{#if !disable_menu} {#if !disable_menu}
<button <button
@@ -582,6 +580,9 @@ const keyboard_event = evt => {
on:loading={e => {loading = e.detail}} on:loading={e => {loading = e.detail}}
/> />
{/if} {/if}
<!-- At the bottom so it renders over everything else -->
<LoadingIndicator loading={loading}/>
</div> </div>
<style> <style>

View File

@@ -52,6 +52,11 @@ export const swipe_nav = (node, swipe_enabled) => {
detail += "transition: transform 500ms;" detail += "transition: transform 500ms;"
} }
// Clear the transformation if the offset is zero
if (off === 0) {
detail = ""
}
node.dispatchEvent(new CustomEvent("style", {detail: detail})) node.dispatchEvent(new CustomEvent("style", {detail: detail}))
} }