Corriger le zoom automatique A6 et la mise en page sur petits écrans #89

New issue

Open

opened 2026-07-16 17:22:52 +00:00 by Reliodas · 0 comments

Reliodas commented

2026-07-16 17:22:52 +00:00

Owner

Contexte

La fonction autoZoom() de shared.js utilise encore les anciennes dimensions paysage 88 × 63 mm pour calculer le zoom, alors que les cartes paysage sont au format A6 148 × 105 mm depuis le ticket #19. Le zoom automatique surestime donc l'espace disponible et peut produire un aperçu trop grand.

Le problème est accentué sur les petits écrans : la grille principale conserve une colonne éditeur fixe de 380 px et aucune media query ne réorganise l'éditeur et l'aperçu. Le ticket #8 a autorisé un zoom inférieur à 1, mais le calcul et la mise en page ne reflètent plus les dimensions actuelles.

Modifications à faire

Calculer autoZoom() depuis les variables ou dimensions réelles des cartes au lieu de dupliquer des valeurs en millimètres dans shared.js.
Prendre en compte les dimensions A6 148 × 105 mm pour les créatures, classes et sous-classes paysage.
Adapter le calcul au nombre réel de cartes ou colonnes visibles, notamment pour les classes et sous-classes multipages.
Ajouter une mise en page responsive qui empile ou réorganise proprement l'éditeur et l'aperçu sous un seuil défini.
Vérifier que les contrôles restent accessibles et qu'aucun scroll horizontal majeur n'est imposé.
Ajouter des scénarios Playwright desktop et mobile pour les formats portrait et paysage.
Conserver l'indépendance entre zoom d'aperçu et dimensions physiques d'impression.

Critères d'acceptation

En paysage, le bouton AUTO calcule le zoom à partir d'une carte A6 148 × 105 mm et la carte tient dans la zone d'aperçu.
En portrait, le comportement actuel reste cohérent pour les cartes 63 × 88 mm.
Sur un viewport mobile courant, l'éditeur et l'aperçu sont utilisables sans chevauchement ni débordement horizontal majeur.
Les classes et sous-classes multipages ne se chevauchent pas après un zoom automatique ou un redimensionnement.
Le zoom manuel reste fonctionnel entre 0,3 et 4.
L'impression conserve exactement les dimensions physiques prévues.
Les smoke tests et la validation Playwright, enrichie de cas mobiles, passent.

## Contexte La fonction autoZoom() de shared.js utilise encore les anciennes dimensions paysage 88 × 63 mm pour calculer le zoom, alors que les cartes paysage sont au format A6 148 × 105 mm depuis le ticket #19. Le zoom automatique surestime donc l'espace disponible et peut produire un aperçu trop grand. Le problème est accentué sur les petits écrans : la grille principale conserve une colonne éditeur fixe de 380 px et aucune media query ne réorganise l'éditeur et l'aperçu. Le ticket #8 a autorisé un zoom inférieur à 1, mais le calcul et la mise en page ne reflètent plus les dimensions actuelles. ## Modifications à faire - Calculer autoZoom() depuis les variables ou dimensions réelles des cartes au lieu de dupliquer des valeurs en millimètres dans shared.js. - Prendre en compte les dimensions A6 148 × 105 mm pour les créatures, classes et sous-classes paysage. - Adapter le calcul au nombre réel de cartes ou colonnes visibles, notamment pour les classes et sous-classes multipages. - Ajouter une mise en page responsive qui empile ou réorganise proprement l'éditeur et l'aperçu sous un seuil défini. - Vérifier que les contrôles restent accessibles et qu'aucun scroll horizontal majeur n'est imposé. - Ajouter des scénarios Playwright desktop et mobile pour les formats portrait et paysage. - Conserver l'indépendance entre zoom d'aperçu et dimensions physiques d'impression. ## Critères d'acceptation - En paysage, le bouton AUTO calcule le zoom à partir d'une carte A6 148 × 105 mm et la carte tient dans la zone d'aperçu. - En portrait, le comportement actuel reste cohérent pour les cartes 63 × 88 mm. - Sur un viewport mobile courant, l'éditeur et l'aperçu sont utilisables sans chevauchement ni débordement horizontal majeur. - Les classes et sous-classes multipages ne se chevauchent pas après un zoom automatique ou un redimensionnement. - Le zoom manuel reste fonctionnel entre 0,3 et 4. - L'impression conserve exactement les dimensions physiques prévues. - Les smoke tests et la validation Playwright, enrichie de cas mobiles, passent.