karim/kgva
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: widen the shell line / lang-switch site-wide, not just on pages with an info panel

Browse Source
This commit is contained in:
kgva CMS
2026-08-10 22:21:34 +00:00
parent 07f1782354
commit f848aac05d
1 changed files with 9 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
assets/css/custom.css
+9 -5
View File
@@ -184,9 +184,13 @@ body:not(.home) .menu { display: none; }
text-align: left; text-align: left;
/* ragged-right with hyphenation reads better than a raw ragged edge at this /* ragged-right with hyphenation reads better than a raw ragged edge at this
column width; :lang() on <html> (set per-page by Hugo) picks the right column width; :lang() on <html> (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; hyphens: auto;
-webkit-hyphens: auto; -webkit-hyphens: auto;
text-wrap: pretty;
} }
.proj-info > :first-child { margin-top: 0; } .proj-info > :first-child { margin-top: 0; }
.proj-info > :last-child { margin-bottom: 0; } .proj-info > :last-child { margin-bottom: 0; }
@@ -210,10 +214,10 @@ body:not(.home) .menu { display: none; }
flex: 0 0 18rem; flex: 0 0 18rem;
margin-top: 3.6rem; /* clear the two shell lines above the file list */ 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 /* shell line + lang-switch always stretch out to the file-list + info-panel
list + info panel together, so the toggle sits flush with the info width, on every page — not just ones that happen to render an info
panel's right edge instead of the narrow column's old edge */ panel — so the toggle sits in the same spot site-wide */
body:has(.proj-info) .topbar { .topbar {
width: calc(var(--container-width) + 1.5rem + 18rem); width: calc(var(--container-width) + 1.5rem + 18rem);
} }
} }