From 855859bdaac101e7e87d5cb0237b7c30f4f4b371 Mon Sep 17 00:00:00 2001 From: Lukasz Kasprzak Date: Wed, 29 Jul 2026 14:24:16 +0200 Subject: web: declutter the UI, fix date arrows, red * for bookmarked verses in reader Daily page (index.html): - Date arrows now step the date input client-side and dispatch its change, so they move relative to the CURRENT day and update the shown date (they were stuck one step from the initial date, computed server-side). - Theme picker removed (theme lives only in /settings now); bookmarks link removed (bookmarks belong to the reader, not the daily readings). - reader/settings nav + the download links move to a right-aligned .controls-side cluster; essential controls (date, lectionary, versions, parts, layout, mono) stay on the left. mono stops its change bubbling so it no longer refetches. Reader (reader.html + RenderPassage): a bookmarked verse now shows a red "*" (end of line in columns, after the verse number interlinear). Threaded a marked set (keyed "chap:verse") through the reader render path only; the daily RenderReadings path is untouched. Settings (settings.html): Save button moved to the top; removed offline (dead), width and pager (CLI/TUI-only, no web effect) -- their config values are preserved since the handler no longer reads/zeroes them. Footer: source/licence centred. Web tests + full suite green both build modes. --- internal/web/static/base.css | 15 +++++++++++++++ 1 file changed, 15 insertions(+) (limited to 'internal/web/static/base.css') diff --git a/internal/web/static/base.css b/internal/web/static/base.css index d367c15..2faabc5 100644 --- a/internal/web/static/base.css +++ b/internal/web/static/base.css @@ -293,10 +293,24 @@ a { .bookmark .tags { font-size: 0.85rem; } .tag-filter { display: flex; flex-wrap: wrap; gap: var(--space-1); margin-bottom: var(--space-2); font-family: var(--font-ui); } +/* Utility cluster (nav links + downloads), pushed to the right of the controls + * bar; wraps beneath when the row is narrow. */ +.controls-side { + margin-left: auto; + display: inline-flex; + flex-wrap: wrap; + align-items: center; + gap: var(--space-2); +} + /* Export links (download the readings). */ .export { font-family: var(--font-ui); font-size: 0.85rem; } .export a { margin: 0 0.15rem; } +/* Bookmark marker: a red "*" flagging a bookmarked verse in the reader. A fixed + * semantic red (not a theme colour), visible on light and dark themes alike. */ +.vmark { color: #e5484d; font-weight: bold; padding-left: 0.15rem; } + /* Licence footer: the AGPL-3.0 §13 source offer, on every full page. * Quiet by design but never hidden -- §13 asks for a PROMINENT offer, so * this must not be display:none'd or themed to invisibility. Colour (border @@ -309,4 +323,5 @@ a { border-top-style: solid; font-family: var(--font-ui); font-size: 0.75rem; + text-align: center; } -- cgit v1.3