From 54f03270d03b47be82971779c9ba497a76fefc73 Mon Sep 17 00:00:00 2001 From: karim Date: Thu, 4 Jun 2026 14:30:44 +0200 Subject: [PATCH] ui(wiki): vollbreiter Header wie Library (gleiche max-width), Spalten darunter MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Wiki-Header (section-header) spannt jetzt die volle Spalte (grid-column 1/-1) und die .wiki-Box hat dieselbe max-width/Zentrierung wie der normale Inhalt — so fluchten Library- und Wiki-Header. Seitenleiste + Inhalt darunter. Co-Authored-By: Claude Opus 4.8 --- assets/css/custom.css | 19 +++++++++++++------ layouts/wiki/list.html | 6 +++--- layouts/wiki/single.html | 11 +++++------ 3 files changed, 21 insertions(+), 15 deletions(-) diff --git a/assets/css/custom.css b/assets/css/custom.css index a18467c..667a463 100644 --- a/assets/css/custom.css +++ b/assets/css/custom.css @@ -719,9 +719,19 @@ a.byline-author:hover, a.journal-author:hover { color: var(--accent); } .dialog-hint { font-size: var(--font-size-small); color: var(--color-text-muted); align-self: center; opacity: 0.7; } .dialog-spacer { flex: 1; } -/* ── Wiki: zweispaltig (Seitenleiste + Inhalt), schlicht ── */ -.wiki { display: grid; grid-template-columns: 220px 1fr; gap: 2.6em; align-items: start; width: 100%; } -@media (max-width: 760px) { .wiki { grid-template-columns: 1fr; gap: 1.4em; } .wiki-side { position: static; } } +/* ── Wiki: vollbreiter Section-Header (wie Library) + zwei Spalten darunter. + Gleiche max-width/Zentrierung wie der normale Inhalt → Wiki- und Library- + Header fluchten exakt. ── */ +.wiki { + display: grid; + grid-template-columns: 200px 1fr; + column-gap: 2.6em; row-gap: var(--spacing-sm); + align-items: start; + max-width: calc(var(--container-width) + 3.5rem); + margin-inline: auto; +} +.wiki > .section-header { grid-column: 1 / -1; margin-top: 0; } +@media (max-width: 760px) { .wiki { grid-template-columns: 1fr; column-gap: 0; } .wiki-side { position: static; } } .wiki-side { position: sticky; top: 1em; align-self: start; } .wiki-nav { display: flex; flex-direction: column; gap: 0.35em; font-size: var(--font-size-small); } .wiki-nav-home { text-decoration: none; color: var(--color-text-primary); font-weight: 600; } @@ -738,9 +748,6 @@ a.byline-author:hover, a.journal-author:hover { color: var(--accent); } .wiki-nav li a.is-current { color: var(--color-text-primary); font-weight: 600; border-left-color: var(--accent); } .wiki-page { min-width: 0; } -/* Header sitzt in der Inhaltsspalte → fluchtet mit dem Text; Oberkante mit der - Seitenleiste gleichziehen (section-header bringt sonst margin-top mit). */ -.wiki-page .section-header { margin-top: 0; } .wiki-index { margin-top: var(--spacing-md); } .wiki-group { margin-bottom: var(--spacing-md); } .wiki-group h2 { font-family: var(--font-family-serif); font-size: 1.1rem; margin: 0 0 0.4em; } diff --git a/layouts/wiki/list.html b/layouts/wiki/list.html index cd46a23..ba9904e 100644 --- a/layouts/wiki/list.html +++ b/layouts/wiki/list.html @@ -1,11 +1,11 @@ {{ define "main" }}
+
+

{{ .Title }}

+
-
-

{{ .Title }}

-
{{ .Content }}
{{ $pages := where site.RegularPages "Section" "wiki" }} diff --git a/layouts/wiki/single.html b/layouts/wiki/single.html index 8d083d6..a6dac1e 100644 --- a/layouts/wiki/single.html +++ b/layouts/wiki/single.html @@ -1,14 +1,13 @@ {{ define "main" }}
+
+

{{ with .Params.group }}{{ . }}{{ else }}Wiki{{ end }}

+

{{ .Title }}

+ {{ with .Params.summary }}

{{ . }}

{{ end }} +
-
-

{{ with .Params.group }}{{ . }}{{ else }}Wiki{{ end }}

-

{{ .Title }}

- {{ with .Params.summary }}

{{ . }}

{{ end }} -
- {{ $hasToC := .Params.toc | default false }} {{ $headers := findRE "