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.
• Déclarations qui utilisent font-weight: bold  : Besoin: le font-weight 700 est appliqué quand on utilise font-weight: bold, voici les déclarations qui l'utilisent. (changer pour font-weight600) YO : fait. À valider Me signaler les autres endroits
  • .mw-specialpagerestricted
  • .oo-ui-buttonElement > .oo-ui-buttonElement-button
  • .mw-editform .editHelp a
  • .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title
  • .mw-changeslist-line-watched .mw-title
• Dans la boîte de recherche, le texte est collé sur le rebord à gauche. Je suggère #searchInput { padding-left: 0.5rem; } YO : Fait

Priorités

Boutons blancs

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

• https://wikimaraicher.ca/wiki/Histoire_du_bio

Autres (signalés par Geoffroy)

• 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 cette page, la section "Financement" est plus petite que les autres
https://wikimaraicher.ca/wiki/Gestion

Pas assez d'espace entre le pager sous le texte, et le corps du texte.
https://wikimaraicher.ca/index.php?title=Guide_02-03-01

Dans les notes de bas de page, La flèche mw-cite-backlink est toute seule sur sa ligne
https://wikimaraicher.ca/index.php?title=Guide_02-03-01

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

Trop d'espace entre le fil d'ariane et le texte (il y a un < p>< br>< /p>)
https://wikimaraicher.ca/index.php?title=Guide_02-03-01&oldid=14389#cite_note-1

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 classe .table-responsive a la propriété display:block au lieu de display:table ce qui fait apparaître une espèce de zone vide entre les dernières cellules et la bordure du tableau
exemples

Autres (signalés par Ghislain)