Move loading spinner to bottom of page to fix z-index
This commit is contained in:
@@ -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>
|
||||||
|
@@ -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}))
|
||||||
}
|
}
|
||||||
|
|
||||||
|
Reference in New Issue
Block a user