« Wiki maraîcher:Affichage » : différence entre les versions

De Wiki maraîcher
Aller à :navigation, rechercher
VisuelWikicode
m (bouton avec fontweigt 700)
m (Ajouté des 1. aux priorités.)
Ligne 14 : Ligne 14 :
*'''Navigation''' :   <s>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)</s>  YO : Corrigé
*'''Navigation''' :   <s>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)</s>  YO : Corrigé
*<s>'''La police Caveat''' utilisée dans les blockquotes ne s'affiche pas sur tous les appareils. (GM)</s>  YO : Devrait être réglé. Une bête erreur de copier-coller... À valider
*<s>'''La police Caveat''' utilisée dans les blockquotes ne s'affiche pas sur tous les appareils. (GM)</s>  YO : Devrait être réglé. Une bête erreur de copier-coller... À valider
*Sur les pages d'[[Wiki maraîcher|accueil]] et de [[Production|portail]], les '''images en rond s'affichent avec un plus petit diamètre''' lorsque situées sur la deuxième rangée d'images.
*'''1.''' Sur les pages d'[[Wiki maraîcher|accueil]] et de [[Production|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]]
**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]]
**Que signifie "Ajustement à faire pour chaque ligne de la gallerie" ? Les images sont inégales dans la page [[Gestion]] (GM)
*<s>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. [[Guide 04-01-01|Exemple]]. (GJ)</s>
*<s>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. [[Guide 04-01-01|Exemple]]. (GJ)</s>
**YO : Devrait être réglé.
**YO : Devrait être réglé.
Ligne 22 : Ligne 23 :
*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)
*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é).  
**YO : Possible qu'il y ait des éléments qui débordent  vers la gauche quelque part dans la page (overflow pas coupé).  
**Donc... ? (GM)
*Sur les pages de chapitre et de section ([[Guide 06-03-R|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 ([https://wikimaraicher.ca/index.php?title=Mod%C3%A8le:Affichage_Page_ChapitreSectionOrganismesnuisibles&action=edit exemple]).
*Sur les pages de chapitre et de section ([[Guide 06-03-R|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 ([https://wikimaraicher.ca/index.php?title=Mod%C3%A8le:Affichage_Page_ChapitreSectionOrganismesnuisibles&action=edit 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 <nowiki><h1 > pour un <div> avec une classe appropriée.</nowiki>
**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 <nowiki><h1 > pour un <div> avec une classe appropriée.</nowiki>
**Je comprend pas, c'est pas le comportement built-in de mediawiki d'afficher les sommaires de page qui ignorent le h1 parce que le h1 est utilisé comme titre de la page? (GM)
*La '''police du texte n'est pas la bonne''' dans ces pages : (GJ)  
*La '''police du texte n'est pas la bonne''' dans ces pages : (GJ)  
** [https://wikimaraicher.ca/index.php?title=Sp%C3%A9cial:Connexion&returnto=Wiki+mara%C3%AEcher&returntoquery= Se connecter]
** [https://wikimaraicher.ca/index.php?title=Sp%C3%A9cial:Connexion&returnto=Wiki+mara%C3%AEcher&returntoquery= Se connecter]
Ligne 42 : Ligne 45 :
=== PrioritéS ===
=== PrioritéS ===
=== Commentaires ===
=== Commentaires ===
*La section de commentaires doit être en bas de page complètement. "Déplié". Ne pas embarquer par-dessus d'autres sections. (GM)
*'''1.''' 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 ===
=== CSS à modifier ===
Ligne 65 : Ligne 68 :
=== Mise en page ===
=== 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 ([[Semences et variétés|exemple]]).
*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 ([[Semences et variétés|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)
*'''1.''' 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  
*'''1.''' 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 (GM)
*Sur la page [[Gestion]], la section "Financement" est plus petite que les autres 
*'''1.''' Pas assez d'espace entre le pager sous le texte, et le corps du texte. Voir par ex. [[Guide_02-03-01]]  (GM) 
*Pas assez d'espace entre le pager sous le texte, et le corps du texte. Voir par ex. [[Guide_02-03-01]]   
*'''1.''' Dans les notes de bas de page, La flèche mw-cite-backlink est toute seule sur sa ligne (GM)<br> ex: [[Guide_02-03-01#cite_note-1]]  Liste des photos https://wikimaraicher.ca/wiki/Cat%C3%A9gorie:Photo
*Dans les notes de bas de page, La flèche mw-cite-backlink est toute seule sur sa ligne <br> ex: [[Guide_02-03-01#cite_note-1]]  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 [https://wikimaraicher.ca/wiki/Guide_01-01-00 ici])  (GM)
*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 [https://wikimaraicher.ca/wiki/Guide_01-01-00 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é   
*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 [[Guide_01-03-01]] le blockquote qui finit par "motivation d’une équipe" n'affiche pas comme il faut même si le code semble correct.  
*La page [[Guide_01-03-01]] 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.
=== Navigation ===
=== Sommaire de page ===
=== Texte ===




<h2 class="cs-comments-topheader"> <i class="far fa-comment-dots"></i> Commentaires</h2>
<h2 class="cs-comments-topheader"> <i class="far fa-comment-dots"></i> Commentaires</h2>

Version du 2022-11-23 à 18:54:21

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)
  • 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
  • 1. 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
    • Que signifie "Ajustement à faire pour chaque ligne de la gallerie" ? Les images sont inégales dans la page Gestion (GM)
  • 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é).
    • Donc... ? (GM)
  • 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.
    • Je comprend pas, c'est pas le comportement built-in de mediawiki d'afficher les sommaires de page qui ignorent le h1 parce que le h1 est utilisé comme titre de la page? (GM)
  • 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.
  • 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.
  • 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

  • 1. 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; 
}

Le bouton Enregistrer les modifications sur la page [d'éditeur wysiwyg] utilise le font-weight 700

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).
  • 1. 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)
  • 1. 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 (GM)
  • 1. Pas assez d'espace entre le pager sous le texte, et le corps du texte. Voir par ex. Introduction à la rotation des cultures (GM)
  • 1. Dans les notes de bas de page, La flèche mw-cite-backlink est toute seule sur sa ligne (GM)
    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) (GM)
  • 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.


Commentaires

Récupérée de « https://wikimaraicher.ca/index.php?title=Wiki_maraîcher:Affichage&oldid=17113 »

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