feat: enhance mobile and desktop layouts in Daily and Kanban pages
- Refactored `DailyPageClient` to prioritize mobile layout with today's section first and calendar at the bottom for better usability. - Updated `KanbanPageClient` to include responsive controls for mobile, improving task management experience. - Adjusted `DailyCheckboxItem` and `DailySection` for better touch targets and responsive design. - Cleaned up `TODO.md` to reflect changes in mobile interface considerations and task management features.
This commit is contained in:
37
TODO.md
37
TODO.md
@@ -124,43 +124,6 @@
|
||||
- **Performance** : Index sur `userId`, pagination pour gros volumes
|
||||
- **Migration** : Script de migration des données existantes
|
||||
|
||||
### 📱 Interface mobile adaptée (PROJET MAJEUR)
|
||||
|
||||
#### **Problème actuel**
|
||||
- Kanban non adapté aux écrans tactiles petits
|
||||
- Drag & drop difficile sur mobile
|
||||
- Interface desktop-first
|
||||
|
||||
#### **Solution : Interface mobile dédiée**
|
||||
- [ ] **Phase 1: Détection et responsive**
|
||||
- [ ] Détection mobile/desktop (useMediaQuery)
|
||||
- [ ] Composant de switch automatique d'interface
|
||||
- [ ] Breakpoints adaptés pour tablettes
|
||||
|
||||
- [ ] **Phase 2: Interface mobile pour les tâches**
|
||||
- [ ] **Vue liste simple** : Kanban simple OK, mais swimlane KO. Ajouter une autre interface plus simple pour mobile en plus du Kanban Simple
|
||||
- [ ] Liste verticale avec statuts en badges
|
||||
- [ ] Actions par swipe (marquer terminé, changer statut)
|
||||
- [ ] Filtres simplifiés (dropdown au lieu de sidebar)
|
||||
- [ ] **Actions tactiles**
|
||||
- [ ] Tap pour voir détails
|
||||
- [ ] Long press pour menu contextuel
|
||||
- [ ] Swipe left/right pour actions rapides
|
||||
- [ ] **Navigation mobile**
|
||||
- [ ] Bottom navigation bar
|
||||
- [ ] Sections : Tâches, Daily, Jira, Profil
|
||||
|
||||
- [ ] **Phase 3: Daily mobile optimisé**
|
||||
- [ ] Checkboxes plus grandes (touch-friendly)
|
||||
- [ ] Ajout rapide par bouton flottant
|
||||
- [ ] On ne voit que aujourd'hui et au swipe on va en avant en arrière par jour
|
||||
|
||||
#### **Considérations UX mobile**
|
||||
- **Simplicité** : Moins d'options visibles, plus de navigation
|
||||
- **Tactile** : Boutons plus grands, zones de touch optimisées
|
||||
- **Performance** : Lazy loading, virtualisation pour longues listes
|
||||
- **Offline** : Cache local pour usage sans réseau (PWA)
|
||||
|
||||
---
|
||||
|
||||
*Focus sur l'expérience utilisateur et le design moderne. App standalone prête pour évoluer vers une plateforme d'intégration complète.*
|
||||
|
||||
Reference in New Issue
Block a user