Bug #37745
Passer la valeur de $very-small-limit à 560px
0%
Description
Les smartphones ont maintenant une résolution minimum de 320 x 568 (Iphone5)
La majorité sont en 412 x 732.
Le point de rupture pour passer les champs de formulaires en plusieurs colonnes sur une seule est à 480px.
Ce qui fait des colonnes inférieures à 240px. Trop petit à mon avis (voir capture). Je n'image même pas un formulaire sur 4 colonnes à cette taille (techniquement possible).
Je propose de remonter la valeur de ce point de rupture à 560px, ce qui permet encore aux utilisateur d'Iphone5 de basculer en paysage pour profiter du mode multicolonnes.
Et de basculer les steps plus rapidement par défaut en mode mobile.
Fichiers
Historique
Mis à jour par Thomas Jund il y a plus de 4 ans
- Fichier 0001-scss-layout-increase-very-small-limit-37745.patch 0001-scss-layout-increase-very-small-limit-37745.patch ajouté
- Tracker changé de Support à Bug
- Statut changé de Nouveau à Solution proposée
- Patch proposed changé de Non à Oui
Mis à jour par Frédéric Péters il y a plus de 4 ans
Ce qui fait des colonnes inférieures à 240px. Trop petit à mon avis (voir capture). Je n'image même pas un formulaire sur 4 colonnes à cette taille (techniquement possible).
Je ne vois pas comment techniquement possible, 4 grid-1-4 en mode mobile passeraient en 2× 2× ½.
Sur des écrans de petite dimension, la grille est automatiquement adaptée pour ne pas rétrécir outre mesure les éléments, la largeur de ceux-ci est doublée, par exemple un élément configuré pour une largeur d'un quart d'écran prendra non pas un quart d'écran mais un demi écran.
— https://doc-publik.entrouvert.com/admin-fonctionnel/fabrique-formulaires/form-champs/parametres-avances/
~~
Je propose de remonter la valeur de ce point de rupture à 560px, ce qui permet encore aux utilisateur d'Iphone5 de basculer en paysage pour profiter du mode multicolonnes.
Et de basculer les steps plus rapidement par défaut en mode mobile.
Ça amène différents éléments.
D'abord (et à mon avis à discuter dans le ticket sur les breakpoints (#37223)) perso je ne suis pas pour l'instauration d'un troisième mode, je note dans le ticket que la ~seule fonction de $very-small-limit est de basculer tous les champs grille en mode 100%, que ce n'est pas pour moi à prendre comme un breakpoint.
Ensuite, côté étapes (et donc à discuter dans #36765), je suis pour mobile/desktop, pas de mode intermédiaire (découvert par hasard parce que selenium ne voulait pas réduire davantage la largeur de fenêtre lors de mes premières captures).
Enfin, côté grille, le système actuel, grille ×2 en mobile, et tout à 100% en mode "trop petit", m'allait plutôt bien. Mais redéfinir ce mode "bascule grille 100%", avec un nom plus explicite et directement lié à ça, que ça ne soit pas détourné à d'autres fins(?), et le passer à 560px, ça ne me pose pas de problème particulier.