Produits Entr'ouvert » Intégrations graphiques Publik

C'est dommage d'intégrer en dur des images de catégories/liens plutôt qu'exploiter les ressources combo.

J'allais écrire que c'était confus d'avoir des variables "standards" définies dans le _custom.scss mais non, $very-small-screen est spécifique; c'est donc dommage d'avoir ça plutôt qu'utiliser $very-small-limit qui est standard. (et si ça doit correspondre à autre chose il y a à travailler le nommage, ces deux variables sont trop proches).

        "emails:logo": {"label": "Emails : logo"},
        "emails:logo": { "label": "Emails : logo" }

Quel est le plan pour permettre à l'usager de se (dé)connecter ?

$buttons-order: previous (grow), cancel, submit;

Ça fait annuler/suivant alignés à gauche sur la première page (comme on le voit dans la capture), puis alignés à droite sur les pages qui suivent; curieux.

C'est dommage d'intégrer en dur des images de catégories/liens plutôt qu'exploiter les ressources combo.

On en reviens à la difficulté de placer proprement les images à côté des labels de titre. Pour l'instant il faut soit bidouiller en remontent l'image avec un margin negatif, soit passer le contenu de la cellule en display:flex + flex-wrap: wrap + order. Et ces 2 contournements ont de sacrés défauts.

Mais je suis OK sur le principe (qu'il faudrait éviter les class CSS pour cela). #41647 est peut-être une proposition pour faciliter cela.

$buttons-order: previous (grow), cancel, submit;

Ça fait annuler/suivant alignés à gauche sur la première page (comme on le voit dans la capture), puis alignés à droite sur les pages qui suivent; curieux.

Je suis d'accord, mais j'essaie de rester le plus proche de la maquette: https://xd.adobe.com/view/674a733e-88f4-46a4-747c-f43427192c8a-117b/screen/5508c667-8507-4d8b-8ad4-4ad75fd48b16/GRU-Dordogne-Page-suivi/?hints=off , quitte à revoir ensuite le principe avec le département.

Une solution serait `$buttons-order: previous, cancel (grow), submit` et positionner `cancel` à droite du container avec un

.cancel-button {
  text-align: right;
}

On en revient à la difficulté de placer proprement les images à côté des labels de titre.

Quel est le problème exactement ? Que le balisage général proposé n'est pas adapté ? Que s'il y a à adapter le balisage autour du <h2> il faut faire un gabarit par type de cellule ? Je préférerais qu'un ticket soit créé pour parler du sujet plutôt que laisser des intégrations graphiques contourner dans leur coin. Mais même sans ça, perso, le gain d'une gestion des ressources par la collectivité est si grand qu'un padding-left au titre + un position: absolute de l'image, genre, me semblent une super solution. Et ça n'a pas à être réinventé chaque fois, il y a $cell-image-position, qui pourrait gagner un style "left-of-title" et fin de l'histoire.

#41647 est peut-être une proposition pour faciliter cela.

Attention ce ticket concerne les "cellules contenant des listes", si ce n'est pas le cas il faudrait qu'il ait un autre nom; et le rendu produit ici tape l'image au-dessus du titre pour les liens, et à côté pour les cellules liste.

L'astuce de ThomasJ appliquée pour aligner le bouton d'annulation à droite.

J'ai du mal à imaginer les situations où on voudra conserver le comportement bizarre; je trouve qu'on devrait de base avoir le contournement plutôt que de le demander aux intégrations graphiques.

Je pense que de base on devrait pouvoir déclarer:

$buttons-order: previous (grow), cancel, submit

et sur la première page les boutons d'annulation et "suivant" restent alignés à droite.

pour l'alignement tu peux utiliser

$buttons-alignment: flex-end;

à la place de l'écrire dans _custom.scss

Et sinon, je trouve dommage de réécrire le design du burger-button. Je soupçonne qu'une modification de $nav-menu-side et l'ajout d'un border pourrait suffire au design souhaité.
Pour le reste, c'est quand même du bon boulot.