✨ Story 2.2: bouton cta navbar
This commit is contained in:
@@ -2,7 +2,7 @@
|
||||
|
||||
## Status
|
||||
|
||||
Ready for Dev
|
||||
review
|
||||
|
||||
## Story
|
||||
|
||||
@@ -20,23 +20,23 @@ Ready for Dev
|
||||
|
||||
## Tasks / Subtasks
|
||||
|
||||
- [] **Task 1 : Styler le bouton CTA dans la navbar** (AC: 1)
|
||||
- [] Appliquer la classe `btn-primary` au lien Contact
|
||||
- [] Ajouter un espacement distinct (margin-left)
|
||||
- [] Vérifier le contraste des couleurs
|
||||
- [x] **Task 1 : Styler le bouton CTA dans la navbar** (AC: 1)
|
||||
- [x] Appliquer la classe `btn-primary` au lien Contact
|
||||
- [x] Ajouter un espacement distinct (margin-left)
|
||||
- [x] Vérifier le contraste des couleurs
|
||||
|
||||
- [] **Task 2 : Assurer la visibilité mobile** (AC: 2)
|
||||
- [] Vérifier que le CTA est présent dans le menu mobile
|
||||
- [] Styler le CTA différemment dans le menu mobile (full-width ou mis en avant)
|
||||
- [x] **Task 2 : Assurer la visibilité mobile** (AC: 2)
|
||||
- [x] Vérifier que le CTA est présent dans le menu mobile
|
||||
- [x] Styler le CTA différemment dans le menu mobile (full-width ou mis en avant)
|
||||
|
||||
- [] **Task 3 : Configurer le lien** (AC: 3)
|
||||
- [] Le href pointe vers `/contact`
|
||||
- [] Tester la navigation
|
||||
- [x] **Task 3 : Configurer le lien** (AC: 3)
|
||||
- [x] Le href pointe vers `/contact`
|
||||
- [x] Tester la navigation
|
||||
|
||||
- [] **Task 4 : Implémenter les états interactifs** (AC: 4, 5)
|
||||
- [] État hover (couleur plus claire)
|
||||
- [] État focus visible (ring)
|
||||
- [] État active (couleur plus foncée)
|
||||
- [x] **Task 4 : Implémenter les états interactifs** (AC: 4, 5)
|
||||
- [x] État hover (couleur plus claire)
|
||||
- [x] État focus visible (ring)
|
||||
- [x] État active (couleur plus foncée)
|
||||
|
||||
## Dev Notes
|
||||
|
||||
@@ -88,32 +88,35 @@ Le bouton CTA est déjà prévu dans la Story 2.1. Vérifier que :
|
||||
|
||||
| Date | Version | Description | Author |
|
||||
|------|---------|-------------|--------|
|
||||
| 2026-02-04 | 0.1 | Implementation story 2.2 | Amelia |
|
||||
| 2026-01-22 | 0.1 | Création initiale | Sarah (PO) |
|
||||
|
||||
## Dev Agent Record
|
||||
|
||||
### Agent Model Used
|
||||
|
||||
Claude Opus 4.5 (claude-opus-4-5-20251101)
|
||||
GPT-5 Codex
|
||||
|
||||
### Debug Log References
|
||||
|
||||
_Aucun_
|
||||
- tests/cta.test.ps1: CTA coverage
|
||||
|
||||
### Completion Notes List
|
||||
|
||||
- CTA desktop déjà implémenté en story 2.1 (btn-primary text-sm, ml-4)
|
||||
- Menu mobile amélioré : CTA full-width avec séparateur visuel
|
||||
- CTA desktop confirmé (btn-primary text-sm, ml-4)
|
||||
- Menu mobile CTA full-width avec séparateur visuel
|
||||
- États interactifs via classe btn-primary (hover, focus, active)
|
||||
- Lien pointe vers /contact
|
||||
- Contraste vérifié (5.2:1 AA)
|
||||
- Tests: `powershell -ExecutionPolicy Bypass -File tests/run.ps1`
|
||||
|
||||
### File List
|
||||
|
||||
| Fichier | Action |
|
||||
|---------|--------|
|
||||
| `templates/navbar.php` | Modifié (CTA mobile) |
|
||||
| `templates/navbar.php` | Modifié (CTA mobile + label) |
|
||||
| `assets/css/output.css` | Regénéré |
|
||||
| `tests/cta.test.ps1` | Créé |
|
||||
| `tests/run.ps1` | Modifié |
|
||||
|
||||
## QA Results
|
||||
|
||||
|
||||
Reference in New Issue
Block a user