Projet

Général

Profil

Development #69785

Toulouse-2022: étendre les boutons en mobile

Ajouté par Nicolas Roche (absent jusqu'au 3 avril) il y a plus d'un an. Mis à jour il y a plus d'un an.

Statut:
Fermé
Priorité:
Normal
Version cible:
-
Début:
03 octobre 2022
Echéance:
% réalisé:

0%

Temps estimé:
Patch proposed:
Oui
Planning:
Non

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

Lié à Intégrations graphiques Publik - Development #70232: toulouse-2022: ticket chapeau des retours sur le nouveau thèmeFermé13 octobre 202220 octobre 2022

Actions

Révisions associées

Révision 448c7f45 (diff)
Ajouté par Nicolas Roche (absent jusqu'au 3 avril) il y a plus d'un an

toulouse-2022: extend button on mobile mode (#69785)

Historique

#2

Mis à jour par Nicolas Roche (absent jusqu'au 3 avril) il y a plus d'un an

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.

#3

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é
#4

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 :)

#5

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

#6

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`

#7

Mis à jour par Nicolas Roche (absent jusqu'au 3 avril) il y a plus d'un an

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.

#9

Mis à jour par Thomas Jund il y a plus d'un an

  • Statut changé de Solution proposée à Solution validée
#10

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)
#11

Mis à jour par Transition automatique il y a plus d'un an

  • Statut changé de Résolu (à déployer) à Solution déployée
#12

Mis à jour par Transition automatique il y a environ un an

Automatic expiration

Formats disponibles : Atom PDF