diff options
| author | Lukasz Kasprzak <lukas@labunix.xyz> | 2026-07-29 14:33:08 +0200 |
|---|---|---|
| committer | Lukasz Kasprzak <lukas@labunix.xyz> | 2026-07-29 14:33:08 +0200 |
| commit | b07ecd9d57793003a77da0e172016c9f44ef372d (patch) | |
| tree | 3c2243024a1752ac391584c6569261110747990c /internal/web/templates/index.html | |
| parent | 855859bdaac101e7e87d5cb0237b7c30f4f4b371 (diff) | |
| download | lectio-b07ecd9d57793003a77da0e172016c9f44ef372d.tar.gz lectio-b07ecd9d57793003a77da0e172016c9f44ef372d.zip | |
web: pin the utility cluster to the top-right of the controls bar
Wrap the essential controls in a single .controls-main block that wraps
internally, so reader/settings + downloads stay at the TOP-right instead of
dropping to a second row. #controls (index only) becomes top-aligned; the
reader's .controls form is untouched.
Diffstat (limited to 'internal/web/templates/index.html')
| -rw-r--r-- | internal/web/templates/index.html | 6 |
1 files changed, 4 insertions, 2 deletions
diff --git a/internal/web/templates/index.html b/internal/web/templates/index.html index c706323..50ffdac 100644 --- a/internal/web/templates/index.html +++ b/internal/web/templates/index.html @@ -31,6 +31,7 @@ function stepDate(n){ <div class="page"> <form id="controls" class="controls" hx-get="/readings" hx-target="#pane" hx-trigger="change"> + <div class="controls-main"> {{/* Always-present marker so the server can tell a form submit with every version unchecked (show nothing) from a fresh visit (config default). */}} <input type="hidden" name="vset" value="1"> @@ -70,9 +71,10 @@ function stepDate(n){ it flips the body class without refetching the readings. */}} <label class="mono-toggle"><input type="checkbox" {{if .Mono}}checked{{end}} onchange="event.stopPropagation();document.body.classList.toggle('mono', this.checked)"> {{.L.Mono}}</label> + </div> - {{/* Utility links, pushed to the right (see .controls-side). The export URLs - are built from the live control values at click time. */}} + {{/* Utility links, pinned to the top-right (see #controls / .controls-side). + The export URLs are built from the live control values at click time. */}} <span class="controls-side"> <a class="nav-link" href="/reader">{{.L.NavReader}} →</a> <a class="nav-link" href="/settings">{{.L.NavSettings}}</a> |