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

2026-08-10 22:18:35 +00:00
parent 5ef304b690
commit 07f1782354
1 changed files with 12 additions and 0 deletions
@@ -181,6 +181,12 @@ body:not(.home) .menu { display: none; }
  font-family: var(--font-family-serif);
  font-size: 0.85em;
  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 > :last-child { margin-bottom: 0; }
@@ -204,6 +210,12 @@ 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 {
+    width: calc(var(--container-width) + 1.5rem + 18rem);
+  }
 }

 /* prev/next as shell "cd" commands — same vocabulary as the rest of the site */