calendars/openspec/changes/archive/2026-01-28-calendar-central-design/proposal.md at 1ed0ba7206ea1b2d554fe334a886cc4e72616064

Files

Nathan Panchout 92bea3fd96 📝(docs) archive calendar-central-design change

Archive completed OpenSpec change with all artifacts:
- proposal.md: Initial design requirements
- design.md: Architecture decisions
- specs/: calendar-theme and scheduler-toolbar specifications
- tasks.md: 34/34 tasks completed

Sync delta specs to main specs:
- openspec/specs/calendar-theme/spec.md
- openspec/specs/scheduler-toolbar/spec.md

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

2026-01-28 13:00:21 +01:00

1.8 KiB

Raw Blame History

Why

L'application calendrier n'a actuellement aucun design établi. Le composant EventCalendar utilise les styles par défaut de la bibliothèque @event-calendar/core qui ne correspondent pas à l'identité visuelle de La Suite (design system Cunningham). Cette première itération vise à créer un design épuré et moderne pour le calendrier central.

What Changes

Création d'une toolbar custom React remplaçant la toolbar native d'EventCalendar
Override des variables CSS --ec-* pour utiliser les tokens Cunningham
Override des classes CSS pour personnaliser les événements, headers de jours, sidebar
Style "aujourd'hui" avec encadré fin (sans fond coloré)
Événements avec coins arrondis, sans ombre, titre en gras
Now indicator avec couleur brand
Sidebar heures avec style discret

Capabilities

New Capabilities

calendar-theme: Thème visuel du calendrier central aligné sur le design system Cunningham. Couvre les variables CSS, les overrides de classes, et les styles des événements.
scheduler-toolbar: Toolbar custom React pour la navigation et le changement de vue du calendrier. Remplace la toolbar native d'EventCalendar.

Modified Capabilities

(Aucune capability existante modifiée)

Impact

Frontend : Nouveaux fichiers SCSS et composants React dans src/frontend/apps/calendars/src/features/calendar/components/scheduler/
Fichiers modifiés :
- useSchedulerInit.ts : désactivation de la toolbar native (headerToolbar: false)
- Scheduler.tsx : intégration de la toolbar custom
- globals.scss : import du nouveau fichier de thème
Dépendances : Utilise les composants Cunningham existants (Button, Select)
API EventCalendar : Utilise les méthodes prev(), next(), setOption(), getView()

1.8 KiB Raw Blame History

Why