Wiki maraîcher:Affichage

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

Complété

• Trop d'espace entre le fil d'ariane et le texte (il y a un < p>< br>< /p>) (GM)
  • YO : C'est ajouté lorsqu'on édite avec le VE. J'ai ajouté une règle CSS pour faire disparaître.
• 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)
  • Histoire_du_bio
  • Évaluations_des_variétés
  • Page d'une variété. Ex: Guelph Millenium
  • YO : à valider.
  • GM : SVP mettre 2px à la bordure
• 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 : Corrigé
• La police Caveat utilisée dans les blockquotes ne s'affiche pas sur tous les appareils. (GM) YO : Devrait être réglé. Une bête erreur de copier-coller... À valider

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)

Dans les datatables zebra-striped, une couleur noire transparente est appliquée sur les TR impairs et une couleur #f9f9f9 est appliquée à leurs TD. De sorte que quand il y a un filigrane, il apparait derrière les lignes paires mais est caché par le background-color des TD des lignes impaires.

.srf-datatables .zebra-striped tbody tr:nth-child(odd) td, .srf-datatables .zebra-striped tbody tr:nth-child(odd) th {    background-color: #f9f9f9;  }

Ensuite le background-color du TR est un peu trop foncé (alpha 0.05), remplacer par alpha 0.03

.table-striped tbody tr:nth-of-type(odd) {     background-color: rgba(0,0,0,0.03);  } (GM)

Lettrine:

p.lead:first-letter { 
 font-weight: 600; 
 color: #368137; 
}

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.
• Centrer la boîte de texte verticalement avec le cercle dans les pages de portail comme celle-ci.

Mise en page

• Ajouter un bandeau aux pages "utilitaires" suivantes. Image et titre : Les mêmes que la page d'accueil. Fil d'Ariane : Accueil > Titre de la page.
  • Spécial:Liste des fichiers
  • Page de connexion
  • Page de déconnexion
• Centrer le titre du bandeau avec la boîte de texte brune et la boîte beige sur les pages de portail et sous-portails (exemple).
• 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)
• Il y a toujours un scrollbar horizontal qui affiche, comme si la taille de la page était toujours un peu plus large que la fenêtre? (GM)

Sommaire de page

• Sur les pages de chapitre et de section (exemple), le sommaire de page apparaît même lorsqu'il n'y a pas de titres dans le texte. Le mot "Production" y apparaît à tort. En fait, je crois que le sommaire va chercher le H1 dans le modèle d'affichage de la page (exemple).

Texte

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