Mobile : tiroir 264 px, pied visible, menu compte fonctionnel #72

Merged
bruno merged 6 commits from mobile-72 into main 2026-10-29 12:29:44 -04:00
Owner

Image 1 — tiroir mobile tronqué + pied invisible

Cause du tiroir tronqué : l'état « replié » mémorisé sur desktop (localStorage kanbante-sidebar) ajoutait sidebar-collapsed au body quelle que soit la largeur, et body.sidebar-collapsed .sidebar { width: 68px; } gagnait par spécificité sur le .sidebar { width: 264px; } mobile. Libellés coupés par overflow-x: hidden — exactement la capture.

  • Tiroir mobile fixé à 264 px, replié ou non (règle de spécificité supérieure).
  • Pied de sidebar visible dans le tiroir (avant : display: none en mobile — aucun moyen de voir version / fraîcheur / thème, ni de sortir depuis un téléphone).
  • Fond verrouillé pendant l'ouverture du tiroir ; le bouton de repli dans le tiroir le ferme (au lieu de basculer un état desktop sans effet) ; un clic sur un lien de navigation ferme aussi le tiroir.

Image 2 — boutons du menu sans effet en mobile

Cause : le menu compte draco (Profil / Déconnexion) est relayé par draco-barre.js vers le onAction de l'hôte, mais celui de Kanbante (_draco_bar.html) ne prenait en charge que domaine / rail / palette / alertes / spark — Profil et Déconnexion fermaient le menu sans rien faire. En mobile, c'était le seul accès au profil et à la déconnexion (pied masqué).

  • profil → /profile, deconnexion → /logout (routes existantes).
  • Menus draco plafonnés à 100vw - 20px (surcharge dans style.css, CSS vendangé non touché).

Évaluation mobile complète

Vérifiés et déjà corrects : colonnes kanban empilées sous 768 px, tableaux en défilement horizontal, KPI en retour à la ligne sous 640 px, cibles tactiles 44 px, barre draco resserrée sous 900 px (un seul hamburger, changement d'app par le ✦). Restant hors périmètre : la barre draco elle-même est vendangée depuis dracodev-commons et n'est pas modifiée ici.

Tests

Suite complète locale : 363 passed, dont 4 nouveaux (test_mobile.py). Bump 0.45.0 (MINOR) + CHANGELOG.

Ne pas merger sans go explicite de l'utilisateur.

## Image 1 — tiroir mobile tronqué + pied invisible **Cause du tiroir tronqué** : l'état « replié » mémorisé sur desktop (`localStorage kanbante-sidebar`) ajoutait `sidebar-collapsed` au body quelle que soit la largeur, et `body.sidebar-collapsed .sidebar { width: 68px; }` gagnait par spécificité sur le `.sidebar { width: 264px; }` mobile. Libellés coupés par `overflow-x: hidden` — exactement la capture. - Tiroir mobile fixé à 264 px, replié ou non (règle de spécificité supérieure). - Pied de sidebar visible dans le tiroir (avant : `display: none` en mobile — aucun moyen de voir version / fraîcheur / thème, ni de sortir depuis un téléphone). - Fond verrouillé pendant l'ouverture du tiroir ; le bouton de repli dans le tiroir le ferme (au lieu de basculer un état desktop sans effet) ; un clic sur un lien de navigation ferme aussi le tiroir. ## Image 2 — boutons du menu sans effet en mobile **Cause** : le menu compte draco (Profil / Déconnexion) est relayé par `draco-barre.js` vers le `onAction` de l'hôte, mais celui de Kanbante (`_draco_bar.html`) ne prenait en charge que domaine / rail / palette / alertes / spark — Profil et Déconnexion fermaient le menu sans rien faire. En mobile, c'était le seul accès au profil et à la déconnexion (pied masqué). - `profil` → `/profile`, `deconnexion` → `/logout` (routes existantes). - Menus draco plafonnés à `100vw - 20px` (surcharge dans `style.css`, CSS vendangé non touché). ## Évaluation mobile complète Vérifiés et déjà corrects : colonnes kanban empilées sous 768 px, tableaux en défilement horizontal, KPI en retour à la ligne sous 640 px, cibles tactiles 44 px, barre draco resserrée sous 900 px (un seul hamburger, changement d'app par le ✦). Restant hors périmètre : la barre draco elle-même est vendangée depuis `dracodev-commons` et n'est pas modifiée ici. ## Tests Suite complète locale : 363 passed, dont 4 nouveaux (test_mobile.py). Bump 0.45.0 (MINOR) + CHANGELOG. **Ne pas merger sans go explicite de l'utilisateur.**
bruno added 6 commits 2026-10-29 12:27:56 -04:00
bruno added 1 commit 2026-10-29 12:27:56 -04:00
Page Projets : copie URL dans le menu ⋯ + refonte thème barre Fusion/Spark (#44, #45)
CI / test (push) Failing after 0s
CI / test (pull_request) Failing after 0s
d0ba39bf01
bruno merged commit 895ee81d51 into main 2026-10-29 12:29:44 -04:00
Sign in to join this conversation.
No Reviewers
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: Projets/kanbante#72