gamezonline/Moku
1
0
Fork 0
mirror of https://github.com/moku-project/Moku.git synced 2026-06-13 01:09:56 -05:00
Code Issues Packages Projects Releases Wiki Activity

[BETA] QOL Updates (Reader AutoScroll WIP)

Browse Source
This commit is contained in:
Youwes09
2026-02-21 21:50:36 -06:00
parent 9297743d52
commit b921b5eb99
57 changed files with 681 additions and 265 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/pages/SeriesDetail.module.css
+59 -1
View File
@@ -515,4 +515,62 @@
color: var(--text-secondary);
border-color: var(--border-strong);
background: var(--bg-raised);
}
}
/* ── List header right controls ── */
.listHeaderRight {
display: flex; align-items: center; gap: var(--sp-2);
}
/* ── Download dropdown (in list header) ── */
.dlWrap { position: relative; }
.dlToggleBtn {
display: flex; align-items: center; justify-content: center;
width: 28px; height: 28px; border-radius: var(--radius-md);
border: 1px solid var(--border-dim); color: var(--text-muted);
background: none; cursor: pointer;
transition: color var(--t-base), border-color var(--t-base), background var(--t-base);
}
.dlToggleBtn:hover { color: var(--text-secondary); border-color: var(--border-strong); background: var(--bg-raised); }
.dlDropdown {
position: absolute; top: calc(100% + 4px); right: 0;
background: var(--bg-raised); border: 1px solid var(--border-base);
border-radius: var(--radius-lg); padding: var(--sp-1);
display: flex; flex-direction: column; gap: 1px;
min-width: 180px;
box-shadow: 0 4px 16px rgba(0,0,0,0.4);
animation: scaleIn 0.1s ease both; transform-origin: top right;
z-index: 50;
}
/* ── Jump to chapter (in list header) ── */
.jumpWrap { position: relative; }
.jumpToggle {
padding: 4px 8px;
border-radius: var(--radius-sm); border: 1px solid var(--border-dim);
background: none; color: var(--text-faint);
font-family: var(--font-ui); font-size: var(--text-xs); letter-spacing: var(--tracking-wide);
cursor: pointer; white-space: nowrap;
transition: color var(--t-base), border-color var(--t-base), background var(--t-base);
}
.jumpToggle:hover { color: var(--text-muted); border-color: var(--border-strong); background: var(--bg-raised); }
.jumpRow { display: flex; align-items: center; gap: 4px; }
.jumpInput {
width: 72px; padding: 4px 8px;
background: var(--bg-raised); border: 1px solid var(--border-focus);
border-radius: var(--radius-sm); color: var(--text-secondary);
font-family: var(--font-ui); font-size: var(--text-xs);
outline: none;
}
.jumpCancel {
display: flex; align-items: center; justify-content: center;
width: 22px; height: 22px; border-radius: var(--radius-sm);
color: var(--text-faint); font-size: 10px; background: none;
transition: color var(--t-base), background var(--t-base);
}
.jumpCancel:hover { color: var(--text-muted); background: var(--bg-raised); }