Wiki maraîcher:Affichage

De Wiki maraîcher
Aller à :navigation, rechercher

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

Boutons blancs

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

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

  • 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.
  • 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.

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