Bug #61185
sables-d-olonne-2022: gérer la taille des titres des cellules en responsive
0%
Description
Sur des petites largeurs d'écran les titres des cellules s'affichent mal: https://portail-lessables.test.entrouvert.org/demarches/
Fichiers
Révisions associées
Historique
Mis à jour par Thomas Jund il y a environ 2 ans
- Fichier LSO-demarches-660px.png LSO-demarches-660px.png ajouté
Pas que en mobile. L'utilisation de la grille fait que tu restes en 2 colonnes à partir d'un viewport de 481px.
Tu peux essayer de jouer sur la valeur de $very-small-limit pour limiter les dégats de ce côté ci
Mis à jour par Serghei Mihai il y a environ 2 ans
- Fichier 0001-sables-d-olonne-2022-reduce-titles-size-in-responsiv.patch 0001-sables-d-olonne-2022-reduce-titles-size-in-responsiv.patch ajouté
- Statut changé de Nouveau à Solution proposée
- Patch proposed changé de Non à Oui
Je ne suis pas du tout fan de changement de la taille de la police en mobile, mais vu la longueur des titres je ne vois pas d'autre solution.
Et very-small-limit
posé à 600px pour rester sur un rendu compréhensible.
Mis à jour par Thomas Jund il y a environ 2 ans
- Statut changé de Solution proposée à Solution validée
`@extend %title;` est inutile, normalement implicite, comme l'héritage d'une class CSS.
Je ne suis pas du tout fan de changement de la taille de la police en mobile
C'est pourtant une pratique courante de modifier/adapter le font-size sur html pour appliquer un "zoom" différent en fonction de la taille de l'écran.
Mis à jour par Serghei Mihai il y a environ 2 ans
- Statut changé de Solution validée à Résolu (à déployer)
- Assigné à mis à Serghei Mihai
commit 6dff57da77d748b08b6b8718f42959ac112aa92d (HEAD -> main, origin/main, origin/HEAD) Author: Serghei Mihai <smihai@entrouvert.com> Date: Thu Jan 27 14:28:36 2022 +0100 sables-d-olonne-2022: reduce titles size in responsive view (#61185)
Mis à jour par Frédéric Péters il y a environ 2 ans
- Statut changé de Résolu (à déployer) à Solution déployée
sables-d-olonne-2022: reduce titles size in responsive view (#61185)