Wiki maraîcher:Affichage
De Wiki maraîcher
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- 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.
- YO : une folie de gallery - les params heights et widths sur la taille des images ont un comportement plutôt aléatoire (quand on rapetisse la largeur de la page par exemple). Pas évident à corriger sans fixer les images (pas fluide)... Donc ajustement à faire pour chaque ligne de la galerie comme ici : Gestion
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 : Devrait être réglé.
Commentaires YO
- 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)
- YO : Possible qu'il y ait des éléments qui débordent vers la gauche quelque part dans la page (overflow pas coupé).
- 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).
- En effet -> ça se corrige en changeant, dans les « trop » nombreux modèles (voir message envoyé à Ghislain ce soir 22 nov. sur le guide de variétés), le <h1 > pour un <div> avec une classe appropriée.
- La police du texte n'est pas la bonne dans ces pages : (GJ)
- + La page de Préférences 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.
- YO : Dans les deux cas, c'est une question de sécurité avec les fichiers CSS : https://www.mediawiki.org/wiki/Manual:CSS#Styles_not_working_on_Special:UserLogin_or_Special:Preferences?
- Je peux ouvrir à l'aventure si vous y tenez!
- YO : Dans les deux cas, c'est une question de sécurité avec les fichiers CSS : https://www.mediawiki.org/wiki/Manual:CSS#Styles_not_working_on_Special:UserLogin_or_Special:Preferences?
- Centrer la boîte de texte verticalement avec le cercle dans les pages de portail comme celle-ci.
- YO : Compliqué pour les titres sur deux lignes et le redimensionnement dynamique des images quand on rapetisse la largeur de l'écran.
- YO : Compliqué pour les titres sur deux lignes et le redimensionnement dynamique des images quand on rapetisse la largeur de l'écran.
- 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
- YO : Pas de fil d'Ariane possible dans ces pages spéciales - programmatique. POur les bandeaux, vous avez tout ce qu'il faut pour les ajouter via Mediawiki:Common.css avec les classes dans le <body> Exe. .page-Spécial_Liste_des_fichiers ou plus générique .ns-special
PrioritéS
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
Mise en pagE
- 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.
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.
- YO : à clarifier.
