roosterwijs/frontend/STYLE-BACKUP.md
Ramon 4f0bc009bb
Some checks are pending
CI / backend (push) Waiting to run
CI / frontend (push) Waiting to run
Verfijn rooster naar minimalistische opmaak (v0.2.01 beta)
Roostermaker en roosterweergave hebben een rustiger, moderne opmaak
gekregen zonder informatie te verliezen.

- Minder geneste kaders: kolom, tijdvak, splitsing en vakkaart stapelden
  vier randen; nu dragen alleen de dagkolom en de vakkaart een rand en
  scheiden de rest met witruimte en haarlijnen.
- Vakkaart groeit mee met de inhoud in plaats van een vaste hoogte, zodat
  lokaal, begeleiding en opmerkingen niet meer afgekapt worden.
- Meta-regel (locatie, lokaal, begeleiders) zonder pil-achtergronden;
  lange vaknamen lopen door over twee regels met tooltip.
- Bewerkknoppen (vervallen, bewerken, verwijderen) staan gebundeld
  rechtsboven op de kaart en verschijnen bij hover, zodat de vaknaam de
  volle breedte houdt; op aanraakschermen blijven ze zichtbaar.
- Tijdvak toont nu begin- en eindtijd; lege tijdvakken in de weergave
  krijgen een subtiele markering.
- Dagkop is compacter en markeert "vandaag"; dagacties verschijnen bij
  hover. Diagonale arcering bij vrije dagen vervangen door een getinte
  kolom met dagtype-label.
- Subgroep-vertakking en doelgroepkop in neutrale haarlijnen in plaats
  van blauwe kaders.
- Conflicten met een rode rand in plaats van een harde binnenschaduw;
  bij volledig gekleurde vakken blijft de vakkleur staan met rode ring.
- Toolbar, weeknavigatie, detailkeuze en scopebalk strakker uitgelijnd.
- Afdrukken meegenomen: geen sticky dagkop, neutrale randen, en bij
  "vakken in kleur" kleuren lokaal en begeleiding mee.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01FAQ4Np13v8fwbTtKHKnwDz
2026-08-13 09:16:22 +02:00

645 B

Back-up oorspronkelijke vormgeving

De oorspronkelijke vormgeving staat ongewijzigd in src/styles.css en is vastgelegd in Git-commit c8d808b (14 juli 2026).

De moderne vormgeving wordt afzonderlijk geladen uit src/modern.css. Verwijder de import van ./modern.css uit src/main.jsx om tijdelijk terug te keren.

Versie vóór modernisering: v0.1.0. Moderne dev-versie: v0.2.01 beta.

v0.2.01 beta — rooster

De roostermaker en de roosterweergave hebben een rustiger, minimalistische opmaak gekregen (onderaan in src/modern.css, sectie "Roostermaker & roosterweergave"). De legacy-opmaak in src/styles.css is ongewijzigd.