Development #76414: mobile, bouton aligné à droite, possibilité d'overflow - Intégrations graphiques Publik - Redmine Entr’ouvert

Development #76414

mobile, bouton aligné à droite, possibilité d'overflow

Ajouté par Frédéric Péters il y a environ un an. Mis à jour il y a 12 mois.

Statut:

Fermé

Priorité:

Normal

Assigné à:

Thomas Jund (congés, retour le 29/04)

Version cible:

Début:

07 avril 2023

Echéance:

% réalisé:

Temps estimé:

Patch proposed:

Non

Planning:

Non

Description

#71917 ajoute un margin-right: -1.5em sur les bouton, l'idée est de contrecarrer le margin-right: 1.5em qui est posé sur tous les boutons, ainsi un bouton aligné à droite sera bien aligné sur le bord, plutôt qu'à 1.5em du bord.

À regarder #76413 je me rends compte d'un scroll horizontal, et qu'il est amené à cause de cette propriété, même si je ne capte pas les détails précis de l'affaire.

Ça pourrait se régler de manière spécifique là-dedans en modifiant pa exemple en margin-right: -1.3em; le retrait mais :

1/ peut-être que la même affaire se joue sur d'autres intégrations
2/ dans la suite il y avait eu l'utilisation de la propriété gap poussée puis retirée (#72298) mais la raison en était la prise en charge par les navigateurs, on a désormais comme base ce qui est géré dans safari 12, ça pourrait peut-être être réintroduit ?

Historique

Mis à jour par Frédéric Péters il y a environ un an

1/ peut-être que la même affaire se joue sur d'autres intégrations

c'est le cas, exemple arles https://demarches-arles.test.entrouvert.org/arretes-de-circulation/odp-travaux/

Mis à jour par Thomas Jund (congés, retour le 29/04) il y a environ un an

Assigné à mis à Thomas Jund (congés, retour le 29/04)

Je regarde.
Gap pour flexbox n'est introduit qu'à partir de safari 14.1.
Pour éviter l'overflow sur la grille flexbox avec des gouttières en mages négatives, j'ai basculé la gestion des marges uniquement avec des marges gauches, ce sont les marges droites uniquement qui créent l'overflow (parce que sens de lecture left to right)