Rundgang-Stapelung, Fuß der statischen Seiten, Hero geteilt (v66) - #63
Merged
Conversation
… (v66) Rundgang: das hervorgehobene Zielelement zeichnete IN die Karte hinein. Bei Schritt 3 stand der Fragebogentext ueber Titel und Knoepfen, und Klicks dort trafen den Fragebogen statt "Weiter". Ursache ist eine Eigenheit von `position: fixed`: der Layer bildet einen eigenen Stapelkontext, die Karte darin kann dessen z-index nie ueberbieten. Ein hoeherer Wert an der Karte waere wirkungslos geblieben - das Abdunkeln musste aus dem Layer heraus (jetzt body.tour-on::before), damit die Reihenfolge Abdunkeln < Hervorhebung < Karte ueberhaupt darstellbar ist. Statische Seiten: der Generator schrieb `<footer class="footer">`, wofuer es im Stylesheet gar keine Regel gibt - die App heisst `site-footer`. Die neun Seiten trugen ihre Linkzeile also ungestylt am unteren Rand. Jetzt dieselbe Leiste wie in der App, samt Marke, Trennern und GitHub-Zeichen. Startseite: der Hero trug sieben Bausteine (Logo, Titel, Einleitung, Chips, Zusage, Aktion, Import-Zeile). Die vier Schritte und die Local-First-Zusage stehen jetzt in einem eigenen Abschnitt mit eigener h2. Titel, Einleitung und die drei Meta-Beschreibungen sagten "Datenmanagement" - wofuer das Werkzeug gebaut ist, naemlich Daten zu oeffnen, kam nirgends vor. Alle vier benennen jetzt Open Data. showView() fuehrte eine Liste von IDs plus einen Sonderfall fuer .consult-cta; der neue Abschnitt waere auf allen sechs Unterseiten stehen geblieben, ohne dass etwas rot geworden waere. Jetzt entscheidet die Klasse .home-only. 5 neue Tests (376 gesamt), sechs Mutationen einzeln geprueft. Co-Authored-By: Claude Opus 5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_011QxDJcLg9h8zdL9ZpTTty7
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
2 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Ein Darstellungs-Durchgang aus drei gemeldeten Punkten — und dreimal dieselbe Lehre: eine Regel, die nicht greift, fällt niemandem auf.
1. Der Rundgang zeichnete den Seiteninhalt in die Karte
Bei Schritt 3 stand der Fragebogentext über Titel und Knöpfen — und Klicks dort trafen den Fragebogen statt „Weiter".
Die Ursache ist eine Eigenheit von
position: fixed: der Layer bildet einen eigenen Stapelkontext. Die Karte darin kann dessenz-indexnie überbieten, egal welchen Wert man ihr gibt. Ein höherer Wert an der Karte wäre also wirkungslos geblieben — das Abdunkeln musste aus dem Layer heraus, damit die Reihenfolge überhaupt darstellbar ist:.tour-layer(1200)body.tour-on::before(1200).tour-layer(1202)startTour()setzt die Body-Klasse,endTour()entfernt sie — ohne das bliebe die Seite nach dem Rundgang dauerhaft abgedunkelt. Ein Test prüft genau das.2. Die statischen Seiten hatten nie einen gestylten Fuß
Der Generator schrieb
<footer class="footer">— eine solche Regel gibt es im Stylesheet gar nicht, die App heißtsite-footer. Die neun Seiten trugen ihre Linkzeile also seit jeher ohne Grund, ohne Linie und ohne Innenabstand am unteren Rand.Jetzt dieselbe Leiste wie in der App, samt Marke, Trennern und GitHub-Zeichen. Der Test prüft je Seite Grundfarbe, obere Linie und Marke.
3. Der Hero trug sieben Bausteine — und verschwieg den Zweck
Logo, Titel, Einleitung, vier Chips, Zusage, Aktion und Import-Zeile standen in einem Container. Die Schritte und die Local-First-Zusage stehen jetzt in einem eigenen Abschnitt mit eigener
<h2>(je Ansicht bleibt genau eine<h1>).Inhaltlich schwerer wiegt: Titel, Einleitung und alle drei Meta-Beschreibungen sagten „Datenmanagement". Wofür das Werkzeug gebaut ist — Daten zu öffnen — kam nirgends vor.
Der Test hält Titel und Einleitungssatz fest — eine Überschrift ohne den Satz darunter wäre nur die halbe Aussage.
Nebenbefund beim Einbauen
showView()führte eine Liste von IDs plus einen Sonderfall für.consult-cta. Der neue Startseiten-Abschnitt wäre auf allen sechs Unterseiten stehen geblieben, ohne dass etwas rot geworden wäre. Jetzt entscheidet die Klasse.home-only, und ein Test geht jede Unterseite durch.Tests
5 neue Tests, 376 gesamt, alle grün. Sechs Mutationen einzeln geprüft — jede macht genau den vorgesehenen Test rot:
endTour()entfallenfootershowView()zurück auf die ID-Listenode tools/generate-wissen.js --check→ 9 Seiten aktuell.🤖 Generated with Claude Code
https://claude.ai/code/session_011QxDJcLg9h8zdL9ZpTTty7
Generated by Claude Code