Development #60163
Retours sur le thème Caen
0%
Description
- sur une page wcs (https://demarches-caen-la-mer.test.entrouvert.org/test-marie-1/ par ex.) :
- la barre latérale me semble plus étroite que sur combo
- le titre des pages dans les étapes débordent (cf capture étapes.png)
- la mise en form des étapes est différente de la maquette (barre séparatrice, texte plus espacé)
- le code de suivi est plus bas que le titre
- les messages d'alerte (information, avertissement, erreur) ne sont pas chartés comme sur la maquette (cf messages-alertes.png)
Fichiers
Demandes liées
Révisions associées
caen: display bottom border for all link list's items (#60163)
caen: align tracking code cell's text to the title (#60163)
caen: restyle tracking code cell's button (#60163)
caen: add class to make buttons with gray borders (#60163)
caen: don't add margin to footer in desktop mode (#60163)
caen: customize form sidebar width (#60163)
caen: handle long form steps labels (#60163)
caen: update notification icons (#60163)
Historique
Mis à jour par Marie Kuntz il y a plus de 2 ans
- Lié à Development #60057: nouveau thème: Caen ajouté
Mis à jour par Frédéric Péters il y a plus de 2 ans
le code de suivi est plus bas que le titre
Oui, accessibilité, hiérarchisation des titres, etc. ça va devenir commun.
Mis à jour par Marie Kuntz il y a plus de 2 ans
Frédéric Péters a écrit :
le code de suivi est plus bas que le titre
Oui, accessibilité, hiérarchisation des titres, etc. ça va devenir commun.
Hiérarchisation des titres je le comprenais plutôt comme l'enchaînement h1, h2, etc.
Mis à jour par Thomas Jund (congés, retour le 29/04) il y a plus de 2 ans
la barre latérale me semble plus étroite que sur combo.
à vérifier et corriger
le titre des pages dans les étapes débordent (cf capture étapes.png)
OK, Idem.
la mise en form des étapes est différente de la maquette (barre séparatrice, texte plus espacé)
Proposition de ma part, plus en adéquation avec ce que publik fait en standard (et mieux que sur la maquette)
le code de suivi est plus bas que le titre
À voir avec le client, suite au déplacement du titre dans les pages WCS.
les messages d'alerte (information, avertissement, erreur) ne sont pas chartés comme sur la maquette (cf messages-alertes.png)
À faire, Pas encore fait parce que pour le moment je n'ai la charte que du champ "erreur" et pas des autres, et modifier le champ erreur sans modifier les autres n'est pas vraiment une bonne idée. J'ai besoin des codes couleurs et des icônes des autres champs.
Mis à jour par Marie Kuntz il y a plus de 2 ans
- Fichier alerte.png alerte.png ajouté
- Fichier alerte_maquette.png alerte_maquette.png ajouté
- Fichier nom-compte_maquette.png nom-compte_maquette.png ajouté
- Fichier nom-compte_web.png nom-compte_web.png ajouté
- Le lien "en savoir plus" devrait être à droite, comme sur la maquette (cf alerte.png & alerte_maquette.png)
- le bouton dans l'entête avec le nom de l'usager n'est pas comme sur la maquette (cf mon-compte_amaquette.png et mon-compte_web.png)
- en version mobile, les titres données du compte et gestion du compte sont plus gros que sur la maquette (https://connexion-caen-la-mer.test.entrouvert.org/accounts/)
(cf fichier docx dans #60203 pour les détails)
Mis à jour par Marie Kuntz il y a plus de 2 ans
Thomas Jund a écrit :
les messages d'alerte (information, avertissement, erreur) ne sont pas chartés comme sur la maquette (cf messages-alertes.png)
À faire, Pas encore fait parce que pour le moment je n'ai la charte que du champ "erreur" et pas des autres, et modifier le champ erreur sans modifier les autres n'est pas vraiment une bonne idée. J'ai besoin des codes couleurs et des icônes des autres champs.
Tu as demandé les éléments à J'articule ?
Mis à jour par Marie Kuntz il y a plus de 2 ans
- Header
- manque la phrase d'accroche > comment l'administrer ?
- Améliorer au maximum la définition du logo car il y a un effet "contour" non souhaité
- Pictogramme du menu principal :
- Il manque un filet noir sous les derniers items de chaque catégories (exemple "collecte d'encombrants à la demande")
- marges au-dessus et en_dessous à ajouter (voir maquette)
- bloc bleu "code de suivi"
- aligner verticalement le texte sur le titre (voir maquette)
- arrondir légèrement les coins du bouton OK (voir maquette)
- augmenter la graisse du titre (voir maquette)
- bloc "En 1 clic"
- augmenter la graisse du titre (voir maquette)
- les filets ne sont pas noirs mais gris dans la maquette validée
- Footer
- supprimer le bandeau blanc sous le footer
- Menu Burger
- décaler le logo du menu burger sur la gauche (il est trop collé à droite)
- la croix pour fermer le menu doit être noire (elle est blanche avec contours noirs), et bords arrondis
- bloc "étapes" : les numéros sont suivis d'un tiret, pas d'un trait vertical (voir maquette)
- bloc "code de suivi" : à aligner sur le titre de la page (voir maquette))
Mis à jour par Thomas Jund (congés, retour le 29/04) il y a plus de 2 ans
Le lien "en savoir plus" devrait être à droite, comme sur la maquette (cf alerte.png & alerte_maquette.png)
KO. Impossible, le bloc text est un bloc wysiwyg. Pas possible de faire du layout dans ce contenu.
le bouton dans l'entête avec le nom de l'usager n'est pas comme sur la maquette (cf mon-compte_amaquette.png et mon-compte_web.png)
surement possible, mais demande de réécrire d'une partie du template du bloc (ce qui doit être au maximum évité). Proposition : enlever bouton "mon compte" et placer "nom prenom" à la place dans le même design (qui sera un lien vers "mon compte)
en version mobile, les titres données du compte et gestion du compte sont plus gros que sur la maquette (https://connexion-caen-la-mer.test.entrouvert.org/accounts/)
(cf fichier docx dans #60203 pour les détails)
Pictogramme du menu principal :Il manque un filet noir sous les derniers items de chaque catégories (exemple "collecte d'encombrants à la demande")
OK.
Header manque la phrase d'accroche > comment l'administrer ?
Vu son positionnement, il faut l'inclure au logo : demander à j'Articule une version du Logo avec la baseline. Pour la modifier : mettre à jour l'image du logo.
Améliorer au maximum la définition du logo car il y a un effet "contour" non souhaité
Voir avec j'Articule.
Pictogramme du menu principal (je comprends qu'il s'agit des cellules de démarches)
Il manque un filet noir sous les derniers items de chaque catégories (exemple "collecte d'encombrants à la demande")
OK
marges au-dessus et en_dessous à ajouter (voir maquette)
Pas compris (capture ?)
bloc bleu "code de suivi"
aligner verticalement le texte sur le titre (voir maquette)
OK, sur la maquette c'esy parfois aligné, parfois non (voir page 3°), va pour décider d'aligner
augmenter la graisse du titre (voir maquette)
OK. La graisse du titre est cohérente avec la graisse des autres blocs (comme le bloc "En 1 clic", si je change, je change la graisse des titres de tous les blocs.
bloc "En 1 clic" augmenter la graisse du titre (voir maquette)
Voir remarque précédente
les filets ne sont pas noirs mais gris dans la maquette validée
Il faut choisir. Ce type de bloc présente des filets noires dans la page 'mon compte'. Ce sont tous les 2 des blocs que j'appelle "button-links-list". choisir filets noirs ou gris, mais ils seront standard sur toute la plateforme.
Footer supprimer le bandeau blanc sous le footer
À faire de votre côté ; supprimer les entrées du menu PWA (menu non utilisé dans les maquettes).
Menu Burger décaler le logo du menu burger sur la gauche (il est trop collé à droite)
Pas compris. Vous parlez de logo, ou peut-être parlez-vous de l'icone ? si OUI, OK, je comprends.
la croix pour fermer le menu doit être noire (elle est blanche avec contours noirs), et bords arrondis
Bug non reproduit chez moi, vous êtes surement sur écran HDPI, alors c'est un bug interne à notre framework (à vérifier et patcher le core).
Formulaires :bloc "étapes" : les numéros sont suivis d'un tiret, pas d'un trait vertical (voir maquette)
KO, Déjà répondu, Publik propose en standard un trait vertical et pas un tiret.
bloc "code de suivi" : à aligner sur le titre de la page
OK, sera traité avec correction alignement bloc bleu.
Mis à jour par Marie Kuntz il y a plus de 2 ans
- Assigné à changé de Thomas Jund (congés, retour le 29/04) à Serghei Mihai
Mis à jour par Marie Kuntz il y a plus de 2 ans
- Fichier picto-menu.png picto-menu.png ajouté
Picto "menu" : le contour est plus clair que le fond (cf capture jointe)
Mis à jour par Marie Kuntz il y a plus de 2 ans
- Fichier categorie_selection.jpg categorie_selection.jpg ajouté
- Pictogramme du menu principal :
- marges au-dessus et en-dessous à ajouter (voir maquette) => le picto est trop collé aux bords
Footer supprimer le bandeau blanc sous le footer
À faire de votre côté ; supprimer les entrées du menu PWA (menu non utilisé dans les maquettes).
Il n'y pas pas de navigation PWA : https://portail-caen-la-mer.test.entrouvert.org/manage/pwa/
Menu Burger décaler le logo du menu burger sur la gauche (il est trop collé à droite)
Pas compris. Vous parlez de logo, ou peut-être parlez-vous de l'icone ? si OUI, OK, je comprends.
Oui, l'icone
Il manque les types d'encart présents sur cette maquette : https://xd.adobe.com/view/434a634d-26b5-41e1-a60e-649d1b7c1d61-1619/screen/4e8495af-de4a-4f0a-9a24-abad82473dd8- l'encart de texte rouge, bordé de rouge + icone
- texte violet gras avec une icone flèche
- texte violet gras avec l'icone téléchargement
- les boutons à gauche "mes demandes" etc devraient prendre un fond jaune/orange au survol et ne pas avoir l'effet d'ombre (maquette https://xd.adobe.com/view/434a634d-26b5-41e1-a60e-649d1b7c1d61-1619/screen/23e6fadc-0cd6-4f17-bd73-0d86ab9cf597)
- les boutons à droite (Gestion du compte) grossissent au survol, il faut qu'il restent tels quels (attention, pas de changement de couleur de fond)
Sur ipad, sur l'accueil, il y a un filet bleu quand on clique sur une catégorie pour l'ouvrir ou la fermer (cf capture categorie_selection.jpg)
Mis à jour par Marie Kuntz il y a plus de 2 ans
- Fichier espacement-libelle-champ.jpg espacement-libelle-champ.jpg ajouté
- augmenter légèrement l'espacement entre un libellé et son champ (cf capture espacement-libelle-champ.jpg, le libellé "Merci de joindre le justificatif de la qualité de représentant légal" est trop collé au champ fichier)
- bloc étape en mobile un peu trop haut, réduire les marges
Mis à jour par Serghei Mihai il y a plus de 2 ans
- Lié à Development #60755: caen: déclarer une couleur de bordure explicite pour le menu de navigation ajouté
Mis à jour par Serghei Mihai il y a plus de 2 ans
- Lié à Bug #60756: caen: ne pas "rédimensionner" les boutons lors du survol sur la page "mon compte" ajouté
Mis à jour par Serghei Mihai il y a plus de 2 ans
- Lié à Development #60757: caen: déplacer légerement à gauche le bouton de navigation ajouté
Mis à jour par Serghei Mihai il y a plus de 2 ans
- Lié à Development #60758: caen: certains liens-boutons doivent changer de couleur de fond en orange et sans bordure au survol ajouté
Mis à jour par Serghei Mihai il y a plus de 2 ans
- Lié à Development #60759: caen: en mobile afficher le code de suivi avant les étapes du formulaire ajouté
Mis à jour par Serghei Mihai il y a plus de 2 ans
- Lié à Development #60760: caen: ajouter un peu d'espace entre un widget et son titre ajouté
Mis à jour par Serghei Mihai il y a plus de 2 ans
- Lié à Development #60763: caen: réduire la hauteur du bloc avec les étapes d'un formulaire en mobile ajouté
Mis à jour par Serghei Mihai il y a plus de 2 ans
- Lié à Development #60765: caen: retirer les bordures de focus sur les titres des cellules pliées ajouté
Mis à jour par Marie Kuntz il y a plus de 2 ans
- la barre latérale me semble plus étroite que sur combo
- le titre des pages dans les étapes débordent (cf capture étapes.png)
- les messages d'alerte (information, avertissement, erreur) ne sont pas chartés comme sur la maquette (cf messages-alertes.png) => couleurs et pictos demandés à J'articule
- Thomas a dit ok pour remonter le code de suivi au niveau du titre, mais du coup je sais pas s'il faut le faire ou non
- Pictogramme des catégories : marges au-dessus et en_dessous à ajouter (voir maquette)
- liste des démarches dans cellule démarches d'une catégorie : il manque un filet noir sous les dernieres démarches de chaque catégories (exemple "collecte d'encombrants à la demande")
- bloc bleu "code de suivi"
- aligner verticalement le texte sur le titre (voir maquette)
- arrondir légèrement les coins du bouton OK (voir maquette)
- bloc "En 1 clic"
- les filets ne sont pas noirs mais gris dans la maquette validée
- le hover doit mettre le fond en gris pâle et ne pas avoir l'ombre sur le bord
- supprimer le bandeau blanc sous le footer
Mis à jour par Marie Kuntz il y a environ 2 ans
Mis à jour par Marie Kuntz il y a environ 2 ans
- Lié à Bug #61778: [Caen] Les titres de page combo (h2) devraient avoir un petit tiret ajouté
Mis à jour par Marie Kuntz il y a environ 2 ans
- Lié à Development #61779: Caen : centrer le texte « Prénom NOM » dans le bouton en haut à côté de déconnexion. ajouté
Mis à jour par Marie Kuntz il y a environ 2 ans
- Lié à Development #61780: Caen : interlignages sur code de suivi ajouté
Mis à jour par Marie Kuntz il y a environ 2 ans
- Lié à Development #61781: Caen : code de suivi : modifs sur couleurs ajouté
Mis à jour par Marie Kuntz il y a environ 2 ans
- Lié à Development #61782: Caen : code de suivi : Harmoniser l’épaisseur du trait ajouté
Mis à jour par Marie Kuntz il y a environ 2 ans
- Lié à Development #61783: Caen : bloc en un clic, harmoniser ajouté
Mis à jour par Marie Kuntz il y a environ 2 ans
- Lié à Development #61784: Caen : menu burger : la croix est "vide" ajouté
Mis à jour par Marie Kuntz il y a environ 2 ans
- Lié à Development #61785: Caen : démarche : mettre le nombre d'étapes en gras en mobile ajouté
Mis à jour par Marie Kuntz il y a environ 2 ans
- Lié à Project management #62295: Thème Caen - Changer le texte du bloc "code de suivi" ajouté
Mis à jour par Marie Kuntz il y a environ 2 ans
- Lié à Development #62386: Thème Caen - harmoniser les interlignes ajouté
Mis à jour par Marie Kuntz il y a environ 2 ans
- Lié à Development #62386: Thème Caen - harmoniser les interlignes supprimé
Mis à jour par Marie Kuntz il y a environ 2 ans
- Lié à Development #62388: Thème Caen - Les ronds en arrière plan ne devraient pas dépasser la barre latérale gauche. ajouté
Mis à jour par Marie Kuntz il y a environ 2 ans
- Lié à Development #62389: Thème Caen - augmenter l’espace entre les lettres majuscules ajouté
Mis à jour par Marie Kuntz il y a environ 2 ans
- Lié à Development #62390: Thème Caen - problème d'alignement ajouté
Mis à jour par Marie Kuntz il y a environ 2 ans
- Lié à Development #62391: Thème Caen - Problème d’affichage en responsive ajouté
Mis à jour par Marie Kuntz il y a environ 2 ans
- Lié à Development #62392: Thème Caen - Cellule Photo Image déformée ajouté
Mis à jour par Marie Kuntz il y a environ 2 ans
- Lié à Development #63338: Caen : le calendrier ne reprend pas les couleurs de la maquette ajouté
caen: increase foldable cells titles height (#60163)