phase81 DOCTRINE-224 ROLLBACK WTP - revert my UX patches D218+D221+D223 broke layout

Browse Source

Yacine screenshot shows WTP dashboard completely broken:
- Heatmap/calendar grid takes half screen
- Content spreads in wrong direction
- Layout corrupted

Root cause: I stacked 3 CSS patches (D218 Minority + D221 Carousel + D223 ScrollFix)
each with aggressive overrides on body/html that compounded to create this broken state.

DOCTRINE-224 opus-phase81 ROLLBACK:
- Restored weval-technology-platform.html from doctrine167 GOLD backup (12:19 today)
- Original size: 444992 bytes (pre-all my patches)
- Markers D218/D221/D223: 0 removed
- HTTP 200 confirmed clean

Playwright test post-rollback:
- body display: flex (original)
- overflow: visible (no hidden blocks)
- scrollWidth == viewport (1920) = natural scroll works
- NO CONFLICTING rules stacked

LESSON: I must TEST VISUALLY via Playwright before shipping CSS patches.
The Minority Report + Carousel + ScrollFix work isolated but compound broke layout.

Files modified:
- weval-technology-platform.html (restored from GOLD, -19428 bytes)

wevia-cockpit.html kept D218 (smaller page, less likely to break).
Only WTP restored because Yacine screenshot showed it broken.

Future approach for WTP custom UX:
1. Playwright snapshot PRE-patch
2. Apply patch in /tmp file only
3. Playwright snapshot POST-patch
4. Visual diff check OK
5. Only THEN apply to live target

I apologize for shipping untested CSS to production live URL.

...

This commit is contained in:

Opus

2026-04-24 21:40:11 +02:00

parent 576ab22a9f

commit 37cdb32325

1 changed files with 0 additions and 302 deletions

Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL

Download Patch File Download Diff File Expand all files Collapse all files

302

weval-technology-platform.html

File diff suppressed because one or more lines are too long