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

De Wiki maraîcher
Aller à :navigation, rechercher
VisuelWikicode
Aucun résumé des modifications
Aucun résumé des modifications
Ligne 18 : Ligne 18 :
*<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é.
***


==== Commentaires ====
==== 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)
*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é).  
*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>
*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]
** [[Spécial:Préférences|Préférences]]
** [[Spécial:Préférences|Préférences]]
**YO : Une question de sécurité : https://www.mediawiki.org/wiki/Manual:CSS#Styles_not_working_on_Special:UserLogin_or_Special:Preferences?
*+ 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.
***Je peux ouvrir à l'aventure
**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!


* '''Centrer la boîte de texte verticalement''' avec le cercle dans les pages de portail comme [[Production|celle-ci]].
** YO : Compliqué pour les titres sur deux lignes et le redimensionnement dynamique des images quand on rapetisse la largeur de l'écran.<br />
* '''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 ===
=== PrioritéS ===
Ligne 38 : Ligne 46 :
=== CSS à modifier ===
=== 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)
*  .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 { <strike>  background-color: #f9f9f9;</strike>  }
* Ensuite le background-color du TR est un peu trop foncé (alpha 0.05), remplacer par alpha 0.03


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 { <strike>  background-color: #f9f9f9;</strike>  }
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)
  .table-striped tbody tr:nth-of-type(odd) {    background-color: rgba(0,0,0,0.03);  } (GM)


Lettrine:
* Lettrine:
  p.lead:first-letter {  
  p.lead:first-letter {  
   font-weight: 600;  
   font-weight: 600;  
Ligne 51 : Ligne 60 :
=== Images ===
=== Images ===


*Centrer la boîte de texte verticalement avec le cercle dans les pages de portail comme [[Production|celle-ci]].
=== Mise en pagE ===
 
=== 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 ([[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)
*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. [[Guide_02-03-01]]  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 3e icône de menu qui affiche à droite dans l'image d'entête en-decà de 1363px de large - Section bandeau -mode mobile  
**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])
*Sur la page [[Gestion]], la section "Financement" est plus petite que les autres  
**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.
*Pas assez d'espace entre le pager sous le texte, et le corps du texte. Voir par ex. [[Guide_02-03-01]]   
*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.
*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])  
*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.  


=== Listes à puces ===
=== Listes à puces ===

Version du 2022-11-23 à 02:31:08

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
  • 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.
  • 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

  • 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.

Navigation

Sommaire de page

Texte

Commentaires

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

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