Development #69785
Toulouse-2022: étendre les boutons en mobile
0%
Description
La maquette présente des boutons centrés, et c'est ce que fait le thème en utilisant le rendu de base.
Ici il est demandé que lorsque les boutons sont placés sur 2 lignes, ils occupent toutes la largeur, comme à Metz.
Il faudrait ici ajouter ce positionnement, uniquement en mode mobile.
Fichiers
Demandes liées
Révisions associées
Historique
Mis à jour par Nicolas Roche (absent jusqu'au 3 avril) il y a plus d'un an
- Fichier 0001-toulouse-2022-extend-button-on-mobile-mode-69785.patch 0001-toulouse-2022-extend-button-on-mobile-mode-69785.patch ajouté
- Fichier Screenshot_2022-10-05 Camellot - Démarches - Exemple Inscription activités(1).png Screenshot_2022-10-05 Camellot - Démarches - Exemple Inscription activités(1).png ajouté
- Fichier Screenshot_2022-10-05 Camellot - Démarches - Exemple Inscription activités.png Screenshot_2022-10-05 Camellot - Démarches - Exemple Inscription activités.png ajouté
- Statut changé de Nouveau à Solution proposée
- Patch proposed changé de Non à Oui
Pour avoir le comportement souhaité,
j'ai copié le CSS de Metz dans une directive "@media ($max-mobile-viewport)",
puis j'ai retiré tout ce qui me semblait superflux ici.
Cf les images pour le résultat : on garde le même comportement qu'avant en desktop,
et on bascule sur le compotement souhaité en mobile.
Mis à jour par Nicolas Roche (absent jusqu'au 3 avril) il y a plus d'un an
- Lié à Development #70232: toulouse-2022: ticket chapeau des retours sur le nouveau thème ajouté
Mis à jour par A. Berriot il y a plus d'un an
- Statut changé de Solution proposée à Solution validée
Pas pu tester en local car pas accès à la branche, mais le code me semble bon :)
Mis à jour par Thomas Jund il y a plus d'un an
- Statut changé de Solution validée à En cours
J'ai un doute sur le beakpoint
Mis à jour par Thomas Jund il y a plus d'un an
Avec un $mobile-limit à 1023px, quel est l'affiche des boutons à 1000px ? J'ai peur que ce ne soit pas terrible, je limiterais au beakpoint `max-width: $very-small-limit`
Mis à jour par Nicolas Roche (absent jusqu'au 3 avril) il y a plus d'un an
- Fichier Screenshot_2022-10-24 Portail - Démarches - Achat de carnets de tickets de cantines(1).png Screenshot_2022-10-24 Portail - Démarches - Achat de carnets de tickets de cantines(1).png ajouté
- Fichier Screenshot_2022-10-24 Portail - Démarches - Achat de carnets de tickets de cantines.png Screenshot_2022-10-24 Portail - Démarches - Achat de carnets de tickets de cantines.png ajouté
- Statut changé de En cours à Solution proposée
Avec un $mobile-limit à 1023px, quel est l'affiche des boutons à 1000px ?
Ci-joint des copies d'écran avec une largeur de 1000px sur le patch d'origine.
Je limiterais au beakpoint `max-width: $very-small-limit`
Remarque prise en compte dans le patch.
Pas pu tester en local car pas accès à la branche
Du coup j'ai poussée ma branche.
Mis à jour par Nicolas Roche (absent jusqu'au 3 avril) il y a plus d'un an
- Fichier 0001-toulouse-2022-extend-button-on-mobile-mode-69785.patch 0001-toulouse-2022-extend-button-on-mobile-mode-69785.patch ajouté
(et j'ai oublié le nouveau patch)
Mis à jour par Thomas Jund il y a plus d'un an
- Statut changé de Solution proposée à Solution validée
Mis à jour par Nicolas Roche (absent jusqu'au 3 avril) il y a plus d'un an
- Statut changé de Solution validée à Résolu (à déployer)
commit 448c7f4547464567310ea2ddc14aa69f71c9b6e9 Author: Nicolas ROCHE <nroche@entrouvert.com> Date: Mon Oct 24 12:19:38 2022 +0200 toulouse-2022: extend button on mobile mode (#69785)
Mis à jour par Transition automatique il y a plus d'un an
- Statut changé de Résolu (à déployer) à Solution déployée
toulouse-2022: extend button on mobile mode (#69785)