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

Fix: Wrap ReaderControls in Scrollable (#63)

Browse Source
This commit is contained in:
Youwes09
2026-05-02 17:58:16 -05:00
parent e625755c5e
commit 5451a2654b
1 changed files with 5 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/features/reader/components/ReaderControls.svelte
+5 -4
View File
@@ -412,8 +412,7 @@
gap: var(--sp-2); gap: var(--sp-2);
font-size: var(--text-sm); font-size: var(--text-sm);
color: var(--text-muted); color: var(--text-muted);
overflow: hidden; overflow-x: auto;
text-overflow: ellipsis;
white-space: nowrap; white-space: nowrap;
min-width: 0; min-width: 0;
padding: 2px 4px; padding: 2px 4px;
@@ -421,7 +420,9 @@
background: none; background: none;
cursor: default; cursor: default;
transition: background var(--t-fast); transition: background var(--t-fast);
scrollbar-width: none;
} }
.ch-pill::-webkit-scrollbar { display: none; }
.bar-left .ch-pill, .bar-right .ch-pill { .bar-left .ch-pill, .bar-right .ch-pill {
width: 28px; width: 28px;
height: 28px; height: 28px;
@@ -429,9 +430,9 @@
padding: 0; padding: 0;
} }
.ch-info { font-size: 15px; line-height: 1; color: var(--text-faint); flex-shrink: 0; } .ch-info { font-size: 15px; line-height: 1; color: var(--text-faint); flex-shrink: 0; }
.ch-title { color: var(--text-secondary); font-weight: var(--weight-medium); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .ch-title { color: var(--text-secondary); font-weight: var(--weight-medium); }
.ch-sep { color: var(--text-faint); flex-shrink: 0; } .ch-sep { color: var(--text-faint); flex-shrink: 0; }
.ch-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .ch-name { color: var(--text-muted); }
.ch-page { font-family: var(--font-ui); font-size: var(--text-xs); color: var(--text-muted); letter-spacing: var(--tracking-wide); flex-shrink: 0; } .ch-page { font-family: var(--font-ui); font-size: var(--text-xs); color: var(--text-muted); letter-spacing: var(--tracking-wide); flex-shrink: 0; }
.ch-popover { .ch-popover {