Development #41720
thème pour le département de la Dordogne
0%
Description
Avec les éléments fournis dans #36952.
Fichiers
Demandes liées
Révisions associées
Historique
Mis à jour par Serghei Mihai il y a environ 4 ans
- Fichier 0001-dordogne-cd24-initial-theme-36952.patch 0001-dordogne-cd24-initial-theme-36952.patch ajouté
- Fichier accueil-mobile.png accueil-mobile.png ajouté
- Fichier form.png form.png ajouté
- Fichier connexion.png connexion.png ajouté
- Fichier accueil.png accueil.png ajouté
- Statut changé de Nouveau à Solution proposée
- Patch proposed changé de Non à Oui
Mis à jour par Frédéric Péters il y a environ 4 ans
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.
Mis à jour par Serghei Mihai il y a environ 4 ans
- Fichier 0001-dordogne-cd24-initial-theme-36952.patch 0001-dordogne-cd24-initial-theme-36952.patch ajouté
Frédéric Péters a écrit :
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).
J'ai zappé cette variable, j'en fais usage.
Quel est le plan pour permettre à l'usager de se (dé)connecter ?
Bien vu. Lien sur la page "accounts" rajouté.
$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.
Mis à jour par Thomas Jund il y a environ 4 ans
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; }
Mis à jour par Frédéric Péters il y a environ 4 ans
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.
Mis à jour par Frédéric Péters il y a environ 4 ans
- Lié à Development #41741: valeur pour $cell-image-position pour positionner l'image à gauche du titre ajouté
Mis à jour par Serghei Mihai il y a presque 4 ans
- Fichier 0001-dordogne-cd24-initial-theme-41720.patch 0001-dordogne-cd24-initial-theme-41720.patch ajouté
Comme discuté ce matin, je place les assets à gauche du titre.
L'astuce de ThomasJ appliquée pour aligner le bouton d'annulation à droite.
Mis à jour par Frédéric Péters il y a presque 4 ans
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.
Mis à jour par Serghei Mihai il y a presque 4 ans
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.
Mis à jour par Serghei Mihai il y a presque 4 ans
- Lié à Development #41889: conserver le positionnement des boutons même si le bouton previous n'est pas affiché ajouté
Mis à jour par Serghei Mihai il y a presque 4 ans
- Fichier 0001-dordogne-cd24-initial-theme-41720.patch 0001-dordogne-cd24-initial-theme-41720.patch ajouté
Donc
$buttons-order: previous (grow), cancel, submit
et alignement des boutons à droite.
Mis à jour par Thomas Jund il y a presque 4 ans
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.
Mis à jour par Serghei Mihai il y a presque 4 ans
- Fichier 0001-dordogne-cd24-initial-theme-41720.patch 0001-dordogne-cd24-initial-theme-41720.patch ajouté
Thomas Jund a écrit :
pour l'alignement tu peux utiliser
$buttons-alignment: flex-end;
Il faudrait qu'on jour je regarde la liste des variables. Merci.
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é.
Yep, bien vu.
Mis à jour par Thomas Jund il y a presque 4 ans
- Statut changé de Solution proposée à Solution validée
Pour moi c'est tout bon.
Mis à jour par Serghei Mihai il y a presque 4 ans
- Statut changé de Solution validée à Résolu (à déployer)
commit e0c26f52e085d033438a1fc430b5ddd31fc06a68 (origin/master, origin/HEAD) Author: Serghei Mihai <smihai@entrouvert.com> Date: Mon Mar 30 14:49:22 2020 +0200 dordogne-cd24: initial theme (#41720)
Mis à jour par Frédéric Péters il y a presque 4 ans
- Statut changé de Résolu (à déployer) à Solution déployée
dordogne-cd24: initial theme (#41720)