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

De Wiki maraîcher
Aller à :navigation, rechercher
VisuelWikicode
mAucun résumé des modifications
(Trouvé les codes CSS moi-même pour les correctifs demandés)
Ligne 21 : Ligne 21 :


==== Commentaires YO ====
==== 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)
*<s>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)</s>
**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)
**GM&nbsp;: Non c'est à cause du .row avec un margin -15... j'sais pas pourquoi il y a plein de divs .row et .col imbriqués là-dedans... je règle avec du CSS.
*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>
Ligne 40 : Ligne 40 :
**Page de connexion
**Page de connexion
**Page de dé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
**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 ===
=== 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)
*'''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 ===
=== <s>CSS à modifier</s> ===
*  .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)
*  <s>.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)</s>
*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.
*<s>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.</s>
  .srf-datatables .zebra-striped tbody tr:nth-child(odd) td, .srf-datatables .zebra-striped tbody tr:nth-child(odd) th { <strike>  background-color: #f9f9f9;</strike>  }
  <s>.srf-datatables .zebra-striped tbody tr:nth-child(odd) td, .srf-datatables .zebra-striped tbody tr:nth-child(odd) th { <strike>  background-color: #f9f9f9;</strike>  }</s>


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


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


* Lettrine:
* <s>Lettrine:</s>
  p.lead:first-letter {  
  <s>p.lead:first-letter {  
   font-weight: 600;  
   font-weight: 600;  
   color: #368137;  
   color: #368137;  
  }
  }</s>


Le bouton Enregistrer les modifications sur la page [[https://wikimaraicher.ca/index.php?title=Guide_01-01-01&veaction=edit d'éditeur wysiwyg]] utilise le font-weight 700
<s>Le bouton Enregistrer les modifications sur la page [[https://wikimaraicher.ca/index.php?title=Guide_01-01-01&veaction=edit d'éditeur wysiwyg]] utilise le font-weight 700</s>


=== Images ===
=== <s>Images</s> ===


=== Mise en page ===
=== Mise en page ===
*1. Sur Chrome Version 107.0.5304.110  MacOS 11.7.1, le titre en blanc de la page d'accueil (L'encyclopédie...) dépasse du bandeau et embarque sur le texte plus bas.
*<s>1. Sur Chrome Version 107.0.5304.110  MacOS 11.7.1, le titre en blanc de la page d'accueil (L'encyclopédie...) dépasse du bandeau et embarque sur le texte plus bas.</s>
**Je pense que ça se règle avec .Accueil .titreBandeau {   white-space: nowrap; } (GM)
*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]]).
*'''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)
*<s>'''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)</s>
*'''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)  
**Custom CSS(GM)
*'''1.''' Pas assez d'espace entre le pager sous le texte, et le corps du texte. Voir par ex. [[Guide_02-03-01]]  (GM)   
*<s>'''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)</s>
*'''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
**Custom CSS (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])  (GM)
*<s>'''1.''' Pas assez d'espace entre le pager sous le texte, et le corps du texte. Voir par ex. [[Guide_02-03-01]]  (GM)</s>
*Mettre le background vert à 0.7 d'opacité au hover, mettre le background vert à 1 d'opacité et retirer le jaune et le souligné
**Custom CSS (GM)   
*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.  
*<s>'''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]]</s>  
 
**Custom CSS&nbsp;(GM)
 
*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
<h2 class="cs-comments-topheader"> <i class="far fa-comment-dots"></i> Commentaires</h2>
*Les hyperliens en vert par-dessus les images (Ex [https://wikimaraicher.ca/wiki/Guide_01-01-00 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 [[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.

Version du 2022-11-23 à 22:04:36

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é).
    • GM : Non c'est à cause du .row avec un margin -15... j'sais pas pourquoi il y a plein de divs .row et .col imbriqués là-dedans... je règle avec du CSS.
  • 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

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

  • 1. Sur Chrome Version 107.0.5304.110 MacOS 11.7.1, le titre en blanc de la page d'accueil (L'encyclopédie...) dépasse du bandeau et embarque sur le texte plus bas.
    • Je pense que ça se règle avec .Accueil .titreBandeau {   white-space: nowrap; } (GM)
  • 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)
    • Custom CSS(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)
    • Custom CSS (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)
    • Custom CSS (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
    • Custom CSS (GM)
  • 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 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.
Récupérée de « https://wikimaraicher.ca/index.php?title=Wiki_maraîcher:Affichage&oldid=17156 »

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