From: Kai Moritz <kai.milan.moritz@googlemail.com>
Date: Fri, 5 Jun 2026 14:40:30 +0000 (+0000)
Subject: Fix Classic-Layout-Regressionen nach strong-Einführung
X-Git-Url: https://juplo.de/gitweb/?a=commitdiff_plain;h=a9143002f8d2c892db6dfc6d6bb90aba767f2999;p=website

Fix Classic-Layout-Regressionen nach strong-Einführung

Drei Probleme behoben, die durch das Hinzufügen von <strong> in den
ausgewählten Menü-Einträgen entstanden sind:

1. Font/Spacing: font-weight: normal reichte nicht aus - <strong> beeinflusst
   auch Box-Modell und Inline-Formatting-Context. Ersetzt durch
   display: contents, das das Element vollständig neutralisiert.

2. Jahres-Items zeigten "V" statt ">", weil sie die sub-Klasse hatten
   (wegen der nav-leaf-Artikel-Kinder im HTML). Da deren Kinder in Classic
   immer verborgen sind, entfällt sub - die Bildsprache passt sich dem
   tatsächlich sichtbaren Verhalten an.

3. Jahres-Sublisten hatten active-Klasse (1.5em margin-top), obwohl alle
   Kinder nav-leaf und damit unsichtbar sind. Margin entfernt.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---

diff --git a/CLAUDE.md b/CLAUDE.md
index 113fbd9f..78b947e0 100644
--- a/CLAUDE.md
+++ b/CLAUDE.md
@@ -123,9 +123,9 @@ Items auf dem aktiven Breadcrumb-Pfad (current + ancestors) bekommen `<strong>`
 <a href="..." class="s selected"><strong>Titel</strong></a>
 ```
 
-Im Classic-Layout wird das Bold durch die CSS-Regel
-`#submenu li.s > a.s.selected > strong { font-weight: normal; }`
-neutralisiert, sodass das Classic-Layout visuell unverändert bleibt.
+Im Classic-Layout wird das `<strong>` durch die CSS-Regel
+`#submenu li.s > a.s > strong { display: contents; }`
+vollständig neutralisiert (`display: contents` entfernt die Box des Elements, sodass Font, Spacing und Box-Modell identisch wie ohne `<strong>` sind).
 Im NONE-Layout (kein CSS) rendert der Browser `<strong>` als fett → sichtbare Pfad-Hervorhebung.
 
 ### Aktueller Stand der Menü-Templates
@@ -137,7 +137,7 @@ Im NONE-Layout (kein CSS) rendert der Browser `<strong>` als fett → sichtbare
 
 ### Blog-Menü-Logik (`blog.html`)
 
-- **Jahres-Items**: Nie `off` (immer sichtbar in Classic), außer auf der `/blog/`-Übersichtsseite
+- **Jahres-Items**: Nie `sub` und nie `off` (immer sichtbar in Classic, kein "V"-Indikator), außer auf der `/blog/`-Übersichtsseite (`off`). Die Sub-Liste der Jahres-Items erhält auch keine `active`-Klasse, da ihre Kinder (Artikel) in Classic immer `nav-leaf` sind und keine `active`-Margin benötigt wird.
 - **Artikel-Items**: Immer `nav-leaf` (in Classic ausgeblendet, in NONE sichtbar)
 - **Kategorien/Tags**: `off` auf allen Blog-Seiten außer `/blog/` selbst; im NONE-Layout trotzdem sichtbar, inklusive der einzelnen Kategorie-/Tag-Namen als `nav-leaf`-Items (ohne die jeweiligen Artikel darunter)
 
diff --git a/assets/scss/screen/menu.scss b/assets/scss/screen/menu.scss
index bfafe871..c2f52b80 100644
--- a/assets/scss/screen/menu.scss
+++ b/assets/scss/screen/menu.scss
@@ -95,7 +95,7 @@
 {
   display: none;
 }
-#submenu li.s > a.s.selected > strong
+#submenu li.s > a.s > strong
 {
-  font-weight: normal;
+  display: contents;
 }
diff --git a/layouts/_partials/menu/blog.html b/layouts/_partials/menu/blog.html
index b0fd22d6..9b3f3ed8 100644
--- a/layouts/_partials/menu/blog.html
+++ b/layouts/_partials/menu/blog.html
@@ -32,9 +32,9 @@
           <ul class="s{{ if $archiveSelected }} active{{ end }}">
             {{- range $archive.Pages -}}
             {{- $isActiveYear := or (eq . $page) ($page.IsDescendant .) -}}
-            <li class="s sub{{ if $onBlog }} off{{ end }}">
+            <li class="s{{ if $onBlog }} off{{ end }}">
               <a href="{{ .RelPermalink }}" class="s{{ if $isActiveYear }} selected{{ end }}">{{ if $isActiveYear }}<strong>{{ .LinkTitle }}</strong>{{ else }}{{ .LinkTitle }}{{ end }}</a>
-              <ul class="s{{ if $isActiveYear }} active{{ end }}">
+              <ul class="s">
                 {{- range .Pages -}}
                 {{- $isCurrent := eq . $page -}}
                 <li class="s nav-leaf">