showcase/2608_BuB
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add styled legal dialogs with unchanged supplied content
showcase/deploy Live at https://showcase.andrefiedler.de/2608_BuB/
Details

Browse Source
This commit is contained in:
André Fiedler
2026-09-10 11:35:39 +02:00
parent f8dc1a858a
commit 8d1e6742bf
8 changed files with 378 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
docs/verification.md
+9
View File
@@ -44,3 +44,12 @@ Mobile shadow and heading follow-up on 2026-09-07:
- Added each strip's shadow to the separate mobile tape SVG. At 390 px, initial screenshot differences are confined to the tape and shadow area (the top 146 px); content positions are unchanged. The 1200 px desktop screenshot remains pixel-identical.
- At 390 px, the Kontodaten heading's text center is 194.99 px against the viewport center of 195 px. Desktop keeps its original alignment. No horizontal overflow is present.
- The complete bank section is now centered on narrow mobile layouts: account holder, bank name, and each IBAN/BIC label-value row. Text centers match the viewport center at 320, 390 and 600 px, with no horizontal overflow. Checks at 601 and 1200 px retain the original alignment.
Legal dialogs on 2026-09-10:
- Retained both supplied PDFs byte for byte under `design/legal/`. `scripts/verify-legal-content.py` confirms that the complete embedded Impressum (712 characters) and Datenschutz (19,921 characters) HTML match their PDF form fields, allowing only line endings, indentation, and accessible title attributes.
- Built with `npm run build`; module syntax and `git diff --check` pass. No runtime dependencies or third-party resource requests were added.
- Inspected both dialogs at 1200, 390 and 320 px, including the final paragraphs. The complete text scrolls to the bottom, the close control remains visible, and neither the document nor reading area overflows horizontally. The popup also fits an 844 × 390 landscape viewport.
- Close links, Escape, backdrop clicks, browser Back and direct fragment URLs work. Tab and Shift+Tab remain within each modal; closing restores focus to its footer link and preserves the underlying scroll position.
- Emulated mobile touch input scrolls the Datenschutz reading area while the page remains stationary; after closing, normal page touch scrolling resumes. No JavaScript errors or external requests occurred.
- With JavaScript disabled, both footer fragment links expose the full legal text through the CSS fallback; the close link returns to the footer.