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 ... À vous de voir.
  GM: ok merci, on n'ajoute pas de div pour le moment.

  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>)

  Section commentaires

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

  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

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

  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.

  Autres (signalés par Ghislain)