kamil/libnovel
1
0
Fork 0
Code Issues Pull Requests 3 Actions Packages Projects Releases 162 Wiki Activity

Flatten chapter reader nav buttons: remove background fill from Prev/Next/Listen
Some checks failed
CI / Lint (push) Has been cancelled
Details
CI / Test (push) Has been cancelled
Details
CI / Build (push) Has been cancelled
Details

Browse Source
This commit is contained in:
Admin
2026-03-01 22:07:40 +05:00
parent 008a89340d
commit 42ed77b7b8
1 changed files with 8 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
scraper/internal/server/ui.go
View File

@@ -1403,12 +1403,12 @@ const chapterTmpl = `
hx-swap="innerHTML" hx-swap="innerHTML"
title="Previous chapter" title="Previous chapter"
aria-label="Previous chapter" aria-label="Previous chapter"
style="flex-shrink:0;padding:0.375rem 0.625rem;border-radius:0.5rem;background:#27272a;color:#d4d4d8;font-size:0.8125rem;text-decoration:none;transition:background 0.15s;" style="flex-shrink:0;padding:0.375rem 0.625rem;border-radius:0.5rem;background:transparent;color:#a1a1aa;font-size:0.8125rem;text-decoration:none;transition:color 0.15s;"
onmouseover="this.style.background='#3f3f46'" onmouseout="this.style.background='#27272a'"> onmouseover="this.style.color='#f4f4f5'" onmouseout="this.style.color='#a1a1aa'">
← Prev ← Prev
</a> </a>
{{else}} {{else}}
<span style="flex-shrink:0;padding:0.375rem 0.625rem;border-radius:0.5rem;color:#52525b;font-size:0.8125rem;cursor:default;" aria-hidden="true">&#8592; Prev</span> <span style="flex-shrink:0;padding:0.375rem 0.625rem;border-radius:0.5rem;color:#3f3f46;font-size:0.8125rem;cursor:default;" aria-hidden="true">&#8592; Prev</span>
{{end}} {{end}}
<!-- Chapter title button — opens chapter list drawer --> <!-- Chapter title button — opens chapter list drawer -->
@@ -1433,12 +1433,12 @@ const chapterTmpl = `
hx-swap="innerHTML" hx-swap="innerHTML"
title="Next chapter" title="Next chapter"
aria-label="Next chapter" aria-label="Next chapter"
style="flex-shrink:0;padding:0.375rem 0.625rem;border-radius:0.5rem;background:#27272a;color:#d4d4d8;font-size:0.8125rem;text-decoration:none;transition:background 0.15s;" style="flex-shrink:0;padding:0.375rem 0.625rem;border-radius:0.5rem;background:transparent;color:#a1a1aa;font-size:0.8125rem;text-decoration:none;transition:color 0.15s;"
onmouseover="this.style.background='#3f3f46'" onmouseout="this.style.background='#27272a'"> onmouseover="this.style.color='#f4f4f5'" onmouseout="this.style.color='#a1a1aa'">
Next &#8594; Next &#8594;
</a> </a>
{{else}} {{else}}
<span style="flex-shrink:0;padding:0.375rem 0.625rem;border-radius:0.5rem;color:#52525b;font-size:0.8125rem;cursor:default;" aria-hidden="true">Next &#8594;</span> <span style="flex-shrink:0;padding:0.375rem 0.625rem;border-radius:0.5rem;color:#3f3f46;font-size:0.8125rem;cursor:default;" aria-hidden="true">Next &#8594;</span>
{{end}} {{end}}
<!-- TTS play/pause button --> <!-- TTS play/pause button -->
@@ -1446,8 +1446,8 @@ const chapterTmpl = `
onclick="ttsToggle()" onclick="ttsToggle()"
title="Listen" title="Listen"
aria-label="Listen" aria-label="Listen"
style="flex-shrink:0;display:flex;align-items:center;gap:0.375rem;padding:0.375rem 0.75rem;border-radius:0.5rem;background:#d97706;color:#fff;font-size:0.8125rem;font-weight:500;border:none;cursor:pointer;transition:background 0.15s;" style="flex-shrink:0;display:flex;align-items:center;gap:0.375rem;padding:0.375rem 0.625rem;border-radius:0.5rem;background:transparent;color:#f59e0b;font-size:0.8125rem;font-weight:500;border:none;cursor:pointer;transition:color 0.15s;"
onmouseover="this.style.background='#b45309'" onmouseout="this.style.background='#d97706'"> onmouseover="this.style.color='#fbbf24'" onmouseout="this.style.color='#f59e0b'">
<span id="tts-icon" aria-hidden="true">&#9654;</span> <span id="tts-icon" aria-hidden="true">&#9654;</span>
<span id="tts-label">Listen</span> <span id="tts-label">Listen</span>
</button> </button>