Project

General

Profile

Bug #37745

Passer la valeur de $very-small-limit à 560px

Added by Thomas Jund 8 months ago. Updated 2 months ago.

Status:
Solution proposée
Priority:
Normal
Assignee:
Target version:
-
Start date:
19 Nov 2019
Due date:
% Done:

0%

Patch proposed:
Yes
Planning:
No

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.

2cols_480.png View (47.8 KB) Thomas Jund, 19 Nov 2019 10:20 AM

0001-scss-layout-increase-very-small-limit-37745.patch View (741 Bytes) Thomas Jund, 19 Nov 2019 10:33 AM

39066

History

#1 Updated by Thomas Jund 8 months ago

#2 Updated by Frédéric Péters 8 months ago

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.

#3 Updated by Thomas Jund 2 months ago

  • Assignee set to Thomas Jund

Also available in: Atom PDF