Nicolas
0fd4928efc
All checks were successful
Fondation du chantier UI mobile & tablette (#91) : jusqu'ici, toute adaptation mobile de ce repo etait du CSS pur sur le meme DOM (aucun composant ne branchait son JSX selon la largeur/plateforme). Ce ticket introduit le premier vrai branchement, et les primitifs que les 8 tickets suivants du chantier reutiliseront. - useIsMobileViewport() (apps/web/src/lib/) : point de verite unique, base sur matchMedia, live (reagit a un resize/une rotation). - _breakpoints.scss : $phone/$tablet Sass + mixins phone/phone-up/ tablet-down, remplacant les nombres magiques 640/1024 repetes en dur dans 6 fichiers (AppLayout, landing, recipes, recipe-picker-dialog, planning-page, dialog, tours-page). Les deux occurrences de 860px (landing hero, tours-page) sont deliberement laissees telles quelles - un collapse de grille 2 colonnes qui n'a rien a voir avec le breakpoint tablette du catalogue recettes, les unifier aurait change un comportement visuel reel sans raison. - useNativeDialogBehavior : mecanique (showModal/close event/clic exterieur) extraite de Dialog.tsx, partagee avec le nouveau BottomSheet.tsx (feuille mobile plein-largeur, meme fondation <dialog> natif que Dialog, juste ancree en bas). - AppLayout : sur telephone, la sidebar n'est plus reflow-ee en CSS en barre horizontale (l'ancien traitement) - elle est remplacee par une vraie barre d'onglets basse (Planning/Recettes/Liste de courses + Plus), le "Plus" ouvrant une BottomSheet combinant Parametres et Compte (deux dropdowns flottants separes cote desktop -> un seul point d'entree mobile, IA plus simple, un seul emplacement d'onglet). - dialog.scss : vrai plein-ecran (bord a bord, sans arrondi) sous le breakpoint phone au lieu d'une marge simplement reduite. Verifie en local : pnpm --filter web exec tsc -b --force, biome check, pnpm --filter web build, suite Cypress e2e complete (140/140) et composants (63/63) - y compris layout.cy.ts, reecrit pour tester la nouvelle barre basse (l'ancien test de la barre horizontale n'a plus de sens, ce traitement n'existe plus). Closes #91 Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com> |
||
|---|---|---|
| .. | ||
| account.cy.ts | ||
| account.feature | ||
| account.ts | ||
| admin-catalog.cy.ts | ||
| admin-corrections.cy.ts | ||
| admin-dashboard.cy.ts | ||
| admin-layout.cy.ts | ||
| admin-login.feature | ||
| admin-login.ts | ||
| admin-tours.cy.ts | ||
| auth.feature | ||
| auth.ts | ||
| cooking-session-page.cy.ts | ||
| cooking-session.feature | ||
| cooking-session.ts | ||
| household-settings.cy.ts | ||
| household-settings.feature | ||
| household-settings.ts | ||
| landing.feature | ||
| landing.ts | ||
| layout.cy.ts | ||
| leftovers-basket.cy.ts | ||
| onboarding.feature | ||
| onboarding.ts | ||
| planning-leftovers.feature | ||
| planning-leftovers.ts | ||
| planning-page.cy.ts | ||
| planning.feature | ||
| planning.ts | ||
| preferences.cy.ts | ||
| preferences.feature | ||
| preferences.ts | ||
| recipe-form.feature | ||
| recipe-form.ts | ||
| recipe-sources.feature | ||
| recipe-sources.ts | ||
| recipes.cy.ts | ||
| recipes.feature | ||
| recipes.ts | ||
| shopping-list.feature | ||
| shopping-list.ts | ||
| sidebar.cy.ts | ||
| smoke.cy.ts | ||
| tour.feature | ||
| tour.ts | ||
| user-preferences.cy.ts | ||
| user-preferences.feature | ||
| user-preferences.ts | ||