Skip to content

Planificateur : corriger le décalage vertical de la grille (alignement des blocs)#176

Merged
Cyril-CB merged 1 commit into
mainfrom
claude/task-manager-time-blocking-3vbbam
Jun 30, 2026
Merged

Planificateur : corriger le décalage vertical de la grille (alignement des blocs)#176
Cyril-CB merged 1 commit into
mainfrom
claude/task-manager-time-blocking-3vbbam

Conversation

@Cyril-CB

Copy link
Copy Markdown
Owner

Contexte

Bug visuel remonté après mise en production : dans les vues Jour/Semaine, les blocs apparaissaient décalés vers le bas par rapport à la colonne des heures — jusqu'à ~1 h sur mobile (une tâche de 09:00 semblait commencer à 10:00).

Cause

L'alignement entre la colonne des heures (à gauche) et les colonnes de blocs reposait sur une hauteur d'en-tête supposée (28 px codés en dur) censée correspondre à l'en-tête de chaque colonne (nom du jour + numéro). En réalité cet en-tête est plus haut (~48 px), et l'écart est amplifié sur mobile où le navigateur peut agrandir automatiquement la police. Résultat : un décalage vertical constant entre les heures et les blocs.

Correctif

  • Restructuration de la grille : l'en-tête des jours et la grille horaire sont désormais deux lignes distinctes. La colonne des heures et les colonnes de blocs partagent la même origine verticale, ce qui garantit l'alignement quelle que soit la hauteur de l'en-tête (plus aucune valeur « devinée »).
  • Marge verticale uniforme (PAD) appliquée identiquement aux heures, lignes, bandes et blocs (évite de couper le premier libellé).
  • Ajout de text-size-adjust: 100% pour neutraliser l'agrandissement automatique de la police sur mobile.

Vérification

Alignement vérifié sur desktop, vue Jour et mobile (viewport 390 px) : une tâche 09:00–10:00 commence bien sur la ligne 09:00.

Changement purement template (HTML/CSS/JS), aucune logique serveur modifiée. Page rendue sans erreur — suite de tests au vert (python3 -m pytest, 628 tests).

🤖 Generated with Claude Code

https://claude.ai/code/session_014HMmo12Zzmj91wAzVeKMf5


Generated by Claude Code

Les blocs apparaissaient decales vers le bas par rapport aux heures (jusqu'a
~1 h sur mobile). L'alignement reposait sur une hauteur d'en-tete de colonne
supposee (28px) differente de la hauteur reelle (jour + numero), ecart amplifie
sur mobile ou la police peut etre agrandie automatiquement.

L'en-tete des jours et la grille horaire sont desormais deux lignes distinctes :
la colonne des heures et les colonnes de blocs partagent la meme origine
verticale, garantissant l'alignement quelle que soit la hauteur de l'en-tete.
Ajout de text-size-adjust pour neutraliser l'agrandissement automatique de la
police sur mobile.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_014HMmo12Zzmj91wAzVeKMf5
@Cyril-CB Cyril-CB marked this pull request as ready for review June 30, 2026 22:21
@Cyril-CB Cyril-CB merged commit e46df25 into main Jun 30, 2026
3 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants