Wiki maraîcher:Affichage

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. Trop d'espace entre le fil d'ariane et le texte (il y a un < p>< br>< /p>)

Boutons blancs

• Les boutons sont sensés être verts. le blanc c'est pour le hover. Liste des endroits où le bouton est blanc:
  • Histoire_du_bio

Commentaires

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

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; }

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.

Texte

• La police du texte n'est pas la bonne dans ces pages :
  • Se connecter
  • Préférences

Autres (signalés par Geoffroy)

• 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
  • 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)
  1. Mettre le background vert à 0.7 d'opacité
  2. 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.