MTES-MCT/monitorfish
View on GitHubPréavis - Rendre le tableau des préavis responsive
Open
#3,059 opened on Mar 29, 2024
MPrio 3UIdevfeat. enhancementgood first issuequestion
Repository metrics
- Stars
- (41 stars)
- PR merge metrics
- (PR metrics pending)
Description
Principes pour le comportement des tableaux responsive
Constat sur les résolutions d'écrans au CACEM et au CNSP :
- au CNSP (ops et reg-planif) : 6 postes en résolution de 1680x1050 max, 5 postes en résolution de 1920x1080 max
- au CACEM (ops) : 1 poste en résolution de 1680x1050 max, 6 postes en résolution de 1920x1080 max
La récupération de résolutions auprès d'un plus grand nombre d'utilisateurs est en cours. En attendant, différents principes de conception sont actés :
- pour l'instant, la résolution la plus basse retenue pour un affichage sans scroll, sans sticky button et sans menu de gauche replié est de 1680 px
- le sous-menu des façades (côté Fish) doit être repliable à toutes les résolutions. Il ne s'affiche pas par-dessus le tableau, mais à côté de lui
- si résolution ≥ à1680 px, le sous-menu est par défaut déplié
- si résolution < à 1680 px, le sous-menu est par défaut replié
- un scroll horizontal apparaît pour une résolution < à 1680 px si le tableau ne rentre pas même avec le menu replié
- les boutons de fin de ligne deviennent sticky en cas de résolution < à 1680 px
- Pour les résolution ≥ à1680 px, certaines colonnes doivent rester fixes et d'autres s'agrandissent => à spécifier sur les maquettes.
- Les boutons en haut à droite du tableau restent justifiés au bord droit du tableau, quelle que soit la largeur de celui-ci.
- La recherche et les filtres au-dessus du tableau restent fixes, quelle que soit la résolution.
Tableaux des préavis
Version du tableau à 1680 px, écran ici
Version du tableau à 1920 px, écran ici
Version du tableau à 1680 px, sous-menu replié (écran ici). Les colonnes qui varient sont les mêmes que celles dans la version à 1920 px.