Development #70525
mincult: ajustements intégration graphique
0%
Description
D'après la maquette ci-jointe, sous la forme d'un nouveau thème pour leur laisser la main sur la date de mise en production.
Fichiers
Révisions associées
Historique
Mis à jour par A. Berriot il y a plus d'un an
- Fichier 0001-mincult-theme-v2-70525.patch ajouté
- Statut changé de Nouveau à Solution proposée
- Patch proposed changé de Non à Oui
Mis à jour par A. Berriot il y a plus d'un an
Mis à jour par A. Berriot il y a plus d'un an
- Fichier Screenshot 2022-10-24 at 15-49-34 Portail - Démarches.png Screenshot 2022-10-24 at 15-49-34 Portail - Démarches.png ajouté
- Fichier Screenshot 2022-10-24 at 15-49-58 Portail - Démarches.png Screenshot 2022-10-24 at 15-49-58 Portail - Démarches.png ajouté
Rendu en pièce jointe. Je suis pas hyper satisfaite du header sur mobile (ça déborde sur des écrans étroit et le texte de l'image est tronqué, mais pour faire mieux il faudrait sortir du scope et ne pas utiliser de texte dans une image).
Mis à jour par Thomas Jund il y a plus d'un an
Sur la maquette commentée, il n'y a pas d'espace entre le titre d'une cellule et son image.
La proportion de l'image me semble aussi bien différente.
Je suis pas hyper satisfaite du header sur mobile (ça déborde sur des écrans étroit et le texte de l'image est tronqué, mais pour faire mieux il faudrait sortir du scope et ne pas utiliser de texte dans une image).
Ou ne pas utiliser d'image du tout, utiliser du texte ?
Mis à jour par A. Berriot il y a plus d'un an
Thomas Jund a écrit :
Sur la maquette commentée, il n'y a pas d'espace entre le titre d'une cellule et son image.
La proportion de l'image me semble aussi bien différente.
Merci pour la relecture !
Oui ça c'est normal, les images qui trainent sur mes screenshot ont des proportions variables pour tester la reproduction d'un bug que j'avais sur un autre thème. Il n'y a rien de spécifique aux images dans ce thème, à mon sens tant qu'ils fournissent les bonnes images pour les cellules ça sera affiché tel quel, donc comme sur leur maquette.
Je suis pas hyper satisfaite du header sur mobile (ça déborde sur des écrans étroit et le texte de l'image est tronqué, mais pour faire mieux il faudrait sortir du scope et ne pas utiliser de texte dans une image).
Ou ne pas utiliser d'image du tout, utiliser du texte ?
Est-ce que tu sais où est-ce que je peux paramétrer le titre / sous-titre du site ?
Mis à jour par Thomas Jund il y a plus d'un an
Est-ce que tu sais où est-ce que je peux paramétrer le titre / sous-titre du site ?
J'essayerai :
- Mettre uniquement "Nestor" en image.
- Utiliser variable `site_title`, que tu peux paramétrer via systeme > inté graphique > options > titre général pour le sous-titre
Pour tout faire en typo depuis variable, il faudrait que site_title ou global_title puisse prendre le filtre |safe avec un contenu type
Nestor <small>sous titre Nestor</small>
Pas encore possible.
Il faudrait creuser le pourquoi de la variable global_title et quels sont les thèmes qui l'utilisent, mais pourquoi pas l'idée de passer |safe à global_title :
- {% firstof global_title site_title "Compte Citoyen" %} + {% firstof global_title|safe site_title "Compte Citoyen" %}
Ou encore, tu as la possibilité de charger ton propre template pour le titre du site en surchargeant `{% block header-title-content %}`
Mis à jour par A. Berriot il y a plus d'un an
- Fichier nestor-banner.png nestor-banner.png ajouté
- Fichier Screenshot 2022-10-25 at 16-16-05 Nestor - Mes demandes.png Screenshot 2022-10-25 at 16-16-05 Nestor - Mes demandes.png ajouté
- Fichier Screenshot 2022-10-25 at 16-15-49 Nestor - Mes demandes.png Screenshot 2022-10-25 at 16-15-49 Nestor - Mes demandes.png ajouté
Du coup j'ai pris une voie hybride (patch 0002 en fixup que je squasherai avant le merge):
1. Retrait du logo
2. Utilisatation du title du site pour l'affichage de « Nestor »
3. Utilisation d'une variable hobo site_subtitle
pour la chaine La plateforme de service pour les agents de l'administration centrale
, avec une surcharge du gabarait page_template.html
pour l'afficher
J'ai retouché le fond de page qui était fourni pour inclure la main qui tient le plateau et le rendu me semble maintenant correct sur tous types d'écrans. Inclus in PJ ainsi que le rendu.
Je documenterai ça sur le wiki client une fois qu'on aura fini de discuter / valider.
Mis à jour par A. Berriot il y a plus d'un an
Mis à jour par Thomas Jund il y a plus d'un an
- Statut changé de Solution proposée à Solution validée
- aligner verticalement (ferrer correctement à droite) titre et sous-titre (et burger en mobile)
- trop peu d'interlignage pour le sous-titre, les jambages inférieurs et supérieurs des caractères se superposent
- Trop de marge entre titre et sous-titre
(Et j'arrête de t'embêter)
Mis à jour par A. Berriot il y a plus d'un an
- Fichier 0003-fixup-fixup-mincult-theme-v2-70525.patch 0003-fixup-fixup-mincult-theme-v2-70525.patch ajouté
- Fichier 0002-fixup-mincult-theme-v2-70525.patch 0002-fixup-mincult-theme-v2-70525.patch ajouté
- Fichier 0001-mincult-theme-v2-70525.patch 0001-mincult-theme-v2-70525.patch ajouté
- Statut changé de Solution validée à Solution proposée
Mis à jour par A. Berriot il y a plus d'un an
- Fichier Screenshot 2022-10-27 at 09-05-19 Portail - Démarches.png Screenshot 2022-10-27 at 09-05-19 Portail - Démarches.png ajouté
- Statut changé de Solution proposée à Solution validée
Tu m'embètes pas ;)
Effectivement, je n'ai pas compris pourquoi mais il y a un espacement à gauche sur le .site-title
qui ne correspond ni à une marge, ni a un padding, ni à un whitespace.
J'ai joué sur le positionnements, line-height et les marges des éléments concernés pour avoir un rendu plus harmonieux.
Mis à jour par Thomas Jund il y a plus d'un an
Effectivement, je n'ai pas compris pourquoi mais il y a un espacement à gauche sur le .site-title qui ne correspond ni à une marge, ni a un padding, ni à un whitespace.
C'est pas impossible que ce soit la font qui soit pourrie. Les typos libres sont souvent mal déssinées / bidouillées.
Mis à jour par A. Berriot il y a plus d'un an
Thomas Jund a écrit :
Effectivement, je n'ai pas compris pourquoi mais il y a un espacement à gauche sur le .site-title qui ne correspond ni à une marge, ni a un padding, ni à un whitespace.
C'est pas impossible que ce soit la font qui soit pourrie. Les typos libres sont souvent mal déssinées / bidouillées.
J'aurais jamais pensé à ça tiens. Okay, je classe l'affaire, on verra si ça se reproduit. Merci pour la relecture !
Mis à jour par A. Berriot il y a plus d'un an
- Statut changé de Solution validée à Résolu (à déployer)
commit 03a00511d38cf36469fbe892f0128455018f4f9c Author: Agate Berriot <aberriot@entrouvert.com> Date: Thu Oct 20 17:55:00 2022 +0200 mincult: theme v2 (#70525)
Mis à jour par Transition automatique il y a plus d'un an
- Statut changé de Résolu (à déployer) à Solution déployée
mincult: theme v2 (#70525)