fabi/Mangalord
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

bugfix: reader nav sticks under the app header instead of behind it (0.21.1)

Browse Source 
$(top offset was 44px (header's 60px minus var(--space-4)), placing the bar inside the layout header. Now sticks at var(--app-header-h).)

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
MechaCat02
2026-05-17 20:42:38 +02:00
parent 7aa6e7e6d9
commit 215325ad2f
4 changed files with 9 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/package.json
View File

@@ -1,6 +1,6 @@
{
"name": "mangalord-frontend",
"version": "0.21.0",
"version": "0.21.1",
"private": true,
"type": "module",
"scripts": {

12
frontend/src/routes/manga/[id]/chapter/[n]/+page.svelte
View File

@@ -574,14 +574,14 @@
{/if}
<style>
/* Sticky under the fixed layout header. The bar takes its natural
box at the top of `main`; once the reader scrolls past, it
sticks just below where the layout header sits in the viewport.
Focus mode slides it up off-screen via a transform AND clips its
height to 0 so the chapter pages get the full top of the viewport. */
/* Sticky directly under the fixed layout header. `top: var(--app-header-h)`
pins the bar's top edge to the bottom edge of the layout
header so it never slides under it. Focus mode slides it up
off-screen via a transform AND clips its height to 0 so the
chapter pages get the full top of the viewport. */
.reader-nav {
position: sticky;
top: calc(var(--app-header-h, 60px) - var(--space-4));
top: var(--app-header-h);
z-index: 10;
display: flex;
justify-content: space-between;