« Wiki maraîcher:Affichage » : différence entre les versions

De Wiki maraîcher
Aller à :navigation, rechercher
m (+bouton blanc)
Ligne 29 : Ligne 29 :


=== Mise en page ===
=== Mise en page ===
*Dans le cadre beige, retirer l'espace superflu juste en bas des trois images sur cette [[Guide 01-01-00|page]]. Finalement, il n'y aura pas de portion de TDM à cet endroit.
*Ajouter un bandeau aux pages "utilitaires" suivantes. Image et titre : Les mêmes que la page d'accueil.
**[[Spécial:Liste des fichiers]]
**
*Plusieurs pages de tête de chapitre avaient un très haut espace vide en bas de page, causé par #body-content { padding-bottom: 12rem } ex: [[Gestion]], [[Guide_01-01-00]] (GM)
*Plusieurs pages de tête de chapitre avaient un très haut espace vide en bas de page, causé par #body-content { padding-bottom: 12rem } ex: [[Gestion]], [[Guide_01-01-00]] (GM)
**Enlever le 3e icône de menu qui affiche à droite dans l'image d'entête en-decà de 1363px de large - Section bandeau -mode mobile Sur la page [[Gestion]], la section "Financement" est plus petite que les autres  Pas assez d'espace entre le pager sous le texte, et le corps du texte. Voir par ex. [[Guide_02-03-01]]  Dans les notes de bas de page, La flèche mw-cite-backlink est toute seule sur sa ligne <br> ex: [[Guide_02-03-01#cite_note-1]]  Liste des photos https://wikimaraicher.ca/wiki/Cat%C3%A9gorie:Photo  
**Enlever le 3e icône de menu qui affiche à droite dans l'image d'entête en-decà de 1363px de large - Section bandeau -mode mobile Sur la page [[Gestion]], la section "Financement" est plus petite que les autres  Pas assez d'espace entre le pager sous le texte, et le corps du texte. Voir par ex. [[Guide_02-03-01]]  Dans les notes de bas de page, La flèche mw-cite-backlink est toute seule sur sa ligne <br> ex: [[Guide_02-03-01#cite_note-1]]  Liste des photos https://wikimaraicher.ca/wiki/Cat%C3%A9gorie:Photo  
Ligne 35 : Ligne 37 :
**Mettre le background vert à 0.7 d'opacité au hover, mettre le background vert à 1 d'opacité et retirer le jaune et le souligné La page [[Guide_01-03-01]] le blockquote qui finit par "motivation d’une équipe" n'affiche pas comme il faut même si le code semble correct.
**Mettre le background vert à 0.7 d'opacité au hover, mettre le background vert à 1 d'opacité et retirer le jaune et le souligné La page [[Guide_01-03-01]] le blockquote qui finit par "motivation d’une équipe" n'affiche pas comme il faut même si le code semble correct.
*La page de Préférence n’affiche pas la même police dans la barre de menu du haut que celle qu’on retrouve sur les autres pages du site. Il y a aussi un fond gris au menu alors qu’il est transparent ailleurs. Avant le lancement, il faudra s’assurer que toutes les pages sont uniformes.
*La page de Préférence n’affiche pas la même police dans la barre de menu du haut que celle qu’on retrouve sur les autres pages du site. Il y a aussi un fond gris au menu alors qu’il est transparent ailleurs. Avant le lancement, il faudra s’assurer que toutes les pages sont uniformes.
*Dans le cadre beige, retirer l'espace superflu juste en bas des trois images sur cette [[Guide 01-01-00|page]]. Finalement, il n'y aura pas de portion de TDM à cet endroit.


=== Listes à puces ===
=== Listes à puces ===

Version du 2022-11-21 à 17:10:51

Liste des corrections à faire à l'affichage. Supprimer au fur et à mesure que c'est corrigé.

Complété

  • La section commentaires qui embarque par-dessus la fin de la page YO : fait mais pas parfait en raison du positionnement des commentaires dans la structure. À améliorer.
  • Appliquer le thème de la maquette aux tableaux YO: on a un souci avec les coins ronds dans les tableaux sous Bootstrap4 et ss. Pour en avoir, faut ajouter un div autour de chaque

À faire

Priorités

  • La police Caveats utilisé dans les blockquotes ne s'affiche pas sur tous les appareils. (GM)
  • Trop d'espace entre le fil d'ariane et le texte (il y a un < p>< br>< /p>) (GM)

Boutons blancs

Commentaires

  • La section de commentaires doit être en bas de page complètement. "Déplié". Ne pas embarquer par-dessus d'autres sections. (GM)

CSS à modifier

  • .Pagedeguide .blockquote-footer { /*trop d'espace pour rien dans le bas du bloc */ margin-bottom: 0; } p { /* égaliser l'espacement en haut et en bas; parait mieux quand suivi/précédé de listes, notamment */ margin-top: 0.5rem; margin-bottom: 0.5rem; } .mw-content-ltr ul, .mw-content-rtl .mw-content-ltr ul { margin: 0.5em 0 0.5em 1.6em; } #content td p { /* Interligne simple à l'intérieur des tableaux */ margin: 0; } .mw-body h2:first-of-type { margin-top: 0; } .mw-body h2 { margin-top: 2.5rem; } .mw-body h3 { margin-top: 2rem; } .mw-body h4 { margin-top: 1.5rem; } (GM)

Images

  • Sur les pages d'accueil et de portail, les images en rond s'affichent avec un plus petit diamètre lorsque situées sur la deuxième rangée d'images.

Mise en page

  • Ajouter un bandeau aux pages "utilitaires" suivantes. Image et titre : Les mêmes que la page d'accueil.
  • Plusieurs pages de tête de chapitre avaient un très haut espace vide en bas de page, causé par #body-content { padding-bottom: 12rem } ex: Gestion, Guide_01-01-00 (GM)
    • Enlever le 3e icône de menu qui affiche à droite dans l'image d'entête en-decà de 1363px de large - Section bandeau -mode mobile Sur la page Gestion, la section "Financement" est plus petite que les autres Pas assez d'espace entre le pager sous le texte, et le corps du texte. Voir par ex. Introduction à la rotation des cultures Dans les notes de bas de page, La flèche mw-cite-backlink est toute seule sur sa ligne
      ex: Introduction à la rotation des cultures Liste des photos https://wikimaraicher.ca/wiki/Cat%C3%A9gorie:Photo
    • Enlever le découpage arrondi et enlever l'espace entre l'image et le nom de fichier Les hyperliens en vert par-dessus les images (Ex ici)
    • Mettre le background vert à 0.7 d'opacité au hover, mettre le background vert à 1 d'opacité et retirer le jaune et le souligné La page Équipe de travail le blockquote qui finit par "motivation d’une équipe" n'affiche pas comme il faut même si le code semble correct.
  • La page de Préférence n’affiche pas la même police dans la barre de menu du haut que celle qu’on retrouve sur les autres pages du site. Il y a aussi un fond gris au menu alors qu’il est transparent ailleurs. Avant le lancement, il faudra s’assurer que toutes les pages sont uniformes.
  • Dans le cadre beige, retirer l'espace superflu juste en bas des trois images sur cette page. Finalement, il n'y aura pas de portion de TDM à cet endroit.

Listes à puces

- [ ] Générer un espace automatique après une liste à puces, pour l'ensemble du site. Point à ajouter lord de la validation de l'intégration de la maquette.

Navigation

  • Les flèches de navigation en bas de page affichent le titre de la page en cours et non pas le titre des pages précédente et suivante. Exemple. (GJ)
    • YO : Point à ajouter lord de la validation de l'intégration de la maquette.

Texte

Une réalisation de

Centre d'expertise et de transfert en agriculture biologique et de proximité
Coopérative pour l'agriculture de proximité écologique
L'Odyssée bio de Gigi
Procédurable