tfe: rework desktop layout to 35/65 flex columns, independent scrolling, no horizontal overflow

Switched from grid to flex for two-column layout
Left column (flex: 0 0 35%): author, title, meta, synopsis — scrolls independently  
Right column (flex: 1): files/media — scrolls independently
Added .tfe-file-iframe class to PDF/website iframes, scoped width/height constraints
All media gets width:100% + max-width:100% to prevent overflow
Mobile (<900px): reverts to single-column page-level scrolling
This commit is contained in:
Pontoporeia
2026-07-06 19:51:42 +02:00
parent 0979267c68
commit fa6d19f767
3 changed files with 67 additions and 28 deletions
+1
View File
@@ -27,3 +27,4 @@
- [x] Fix file size limits: align all layers (JS/FilepondHandler/ThesisFileHandler/validate-fragment) — video/audio 5 GB, default 500 MB, PDF 100 MB; fix JS fileValidateSizeFilter gate bug that rejected AV files >1 GB despite 8 GB per-ext cap
- [x] Fix: deleting contact groups in apropos form not persisted (no change event after DOM removal, autosave never triggered)
- [x] Improve h1, h2, h3 size difference in base.css heading scale
- [x] Rework TFE page desktop layout: two columns 35%/65%, left = author/title/meta/synopsis, right = files, media 100% width; columns scroll independently, content fits 100vw