From f848aac05dabc0e485110350f19dae7c60155ae1 Mon Sep 17 00:00:00 2001 From: kgva CMS Date: Mon, 10 Aug 2026 22:21:34 +0000 Subject: [PATCH] feat: widen the shell line / lang-switch site-wide, not just on pages with an info panel --- assets/css/custom.css | 14 +++++++++----- 1 file changed, 9 insertions(+), 5 deletions(-) diff --git a/assets/css/custom.css b/assets/css/custom.css index d8d2749..2b71d6c 100644 --- a/assets/css/custom.css +++ b/assets/css/custom.css @@ -184,9 +184,13 @@ body:not(.home) .menu { display: none; } text-align: left; /* ragged-right with hyphenation reads better than a raw ragged edge at this column width; :lang() on (set per-page by Hugo) picks the right - hyphenation dictionary for en vs. de automatically */ + hyphenation dictionary for en vs. de automatically. text-wrap:pretty asks + the browser to look ahead across the whole paragraph (not just line by + line) so the rag varies naturally instead of coming out too even or + leaving a short orphan on the last line. */ hyphens: auto; -webkit-hyphens: auto; + text-wrap: pretty; } .proj-info > :first-child { margin-top: 0; } .proj-info > :last-child { margin-bottom: 0; } @@ -210,10 +214,10 @@ body:not(.home) .menu { display: none; } flex: 0 0 18rem; margin-top: 3.6rem; /* clear the two shell lines above the file list */ } - /* the shell line + lang-switch stretch out to the same width as the file - list + info panel together, so the toggle sits flush with the info - panel's right edge instead of the narrow column's old edge */ - body:has(.proj-info) .topbar { + /* shell line + lang-switch always stretch out to the file-list + info-panel + width, on every page — not just ones that happen to render an info + panel — so the toggle sits in the same spot site-wide */ + .topbar { width: calc(var(--container-width) + 1.5rem + 18rem); } }