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

feat: widen shell line + lang-switch to match info panel width; hyphenated ragged-right for info text

Browse Source
This commit is contained in:
kgva CMS
2026-08-10 22:18:35 +00:00
parent 5ef304b690
commit 07f1782354
1 changed files with 12 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
assets/css/custom.css
+12
View File
@@ -181,6 +181,12 @@ body:not(.home) .menu { display: none; }
font-family: var(--font-family-serif); font-family: var(--font-family-serif);
font-size: 0.85em; font-size: 0.85em;
line-height: 1.6; line-height: 1.6;
text-align: left;
/* 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
hyphenation dictionary for en vs. de automatically */
hyphens: auto;
-webkit-hyphens: auto;
} }
.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; }
@@ -204,6 +210,12 @@ 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
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 {
width: calc(var(--container-width) + 1.5rem + 18rem);
}
} }
/* prev/next as shell "cd" commands — same vocabulary as the rest of the site */ /* prev/next as shell "cd" commands — same vocabulary as the rest of the site */