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

De Wiki maraîcher
Aller à :navigation, rechercher
mAucun résumé des modifications
 
(42 versions intermédiaires par 3 utilisateurs non affichées)
Ligne 4 : Ligne 4 :
==Complété==
==Complété==


*<strike>La section commentaires qui embarque par-dessus la fin de la page</strike> YO : fait mais pas parfait en raison du positionnement des commentaires dans la structure. À améliorer.
*<s>Trop d'espace entre le fil d'ariane et le texte (il y a un < p>< br>< /p>)</s> (GM)
*<strike>Appliquer le thème de la maquette aux tableaux</strike> 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 <table>... À vous de voir. <br>GM: ok merci, on n'ajoute pas de div pour le moment.
**YO : C'est ajouté lorsqu'on édite avec le VE. J'ai ajouté une règle CSS pour faire disparaître.  
*<s>BOUTONS BLANCS : Les boutons sont sensés être verts. le blanc c'est pour le hover.</s> Liste des endroits où le bouton est blanc: (GM)
** [[Histoire_du_bio]]
** [[Évaluations_des_variétés]]
** Page d'une variété. Ex: [[Variété_641855]]
**YO : à valider.
**'''GM : SVP mettre 2px à la bordure
*'''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é


== Priorité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é.


La police Caveats utilisé dans les blockquotes ne s'affiche pas sur tous les appareils.
==== Réponses YO - Priorités -  23 nov 2022 ====
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]]
*Que signifie "Ajustement à faire pour chaque ligne de la gallerie" ? Les images sont inégales dans la page [[Gestion]] (GM)
*YO : Ça veut dire que gallery est instable et qu'il faudrait développer une autre approche  pour les images de portail -> un modèle comme on a pour les images dans le guide.  


Trop d'espace entre le fil d'ariane et le texte (il y a un < p>< br>< /p>)


===Section commentaires===
<s>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)
*YO : incapable de reproduire avec le même fureteur sous OS X Ventura. J'ai changé la règle de définition de la taille de la police pour quelque chose de dynamique - font-size:calc(16px + 1.5vw);  parce que la hauteur du bandeau est fixe. Le  white-space: nowrap; n'est pas la meilleure solution dans le contexte.
==== Commentaires YO ====
*<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é).
**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]).
**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)
** [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]]
*+ 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!


Doit être en bas de page complètement.
* '''Centrer la boîte de texte verticalement''' avec le cercle dans les pages de portail comme [[Production|celle-ci]].
"Déplié"
** YO : Compliqué pour les titres sur deux lignes et le redimensionnement dynamique des images quand on rapetisse la largeur de l'écran.<br />
Ne pas embarquer par-dessus d'autres sections
* '''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
**Page de Recherche + Page des résultats de recherche
**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


== Boutons blancs ==
* Le bouton "Contribuer" disparait dans le menu mobile.
Les boutons sont sensés être verts. le blanc c'est pour le hover.
Liste des endroits où le bouton est blanc:
* [[Histoire_du_bio]]


== CSS à modifier ==
*<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>
** Corrigé dans common.css (GM)


.Pagedeguide .blockquote-footer { /*trop d'espace pour rien dans le bas du bloc */
=== Mise en page ===
    margin-bottom: 0;
*<s>1. Centrer verticalement le titre du bandeau sur cette [[Guide 02-00-00|page]] et autres similaires.</s>
}
*<s>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 ([[Espèces et variétés|exemple]]).</s>
p { /* égaliser l'espacement en haut et en bas; parait mieux quand suivi/précédé de listes, notamment */
*<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>
    margin-top: 0.5rem;
**Corrigé dans common.css (GM)
    margin-bottom: 0.5rem;
*<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>
}
**Corrigé dans common.css (GM)
.mw-content-ltr ul, .mw-content-rtl .mw-content-ltr ul {
*<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>
    margin: 0.5em 0 0.5em 1.6em;
**Corrigé dans common.css (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]]</s> 
#content td p { /* Interligne simple à l'intérieur des tableaux */
**Corrigé dans common.css&nbsp;(GM)
  margin: 0;
*<s>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</s>
}
**Corrigé dans common.css&nbsp;(GM)
.mw-body h2:first-of-type {
*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.
    margin-top: 0;
}
.mw-body h2 {
    margin-top: 2.5rem;
}
.mw-body h3 {
    margin-top: 2rem;
}
.mw-body h4 {
    margin-top: 1.5rem;
}
 
== Autres (signalés par Geoffroy) ==
 
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]]
 
* 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 <br>
https://wikimaraicher.ca/wiki/Cat%C3%A9gorie:Photo <br>
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.
 
== Autres (signalés par Ghislain) ==

Dernière version du 2022-12-08 à 22:48:13

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

Réponses YO - Priorités - 23 nov 2022

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)
  • YO : Ça veut dire que gallery est instable et qu'il faudrait développer une autre approche pour les images de portail -> un modèle comme on a pour les images dans le guide.


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)
  • YO : incapable de reproduire avec le même fureteur sous OS X Ventura. J'ai changé la règle de définition de la taille de la police pour quelque chose de dynamique - font-size:calc(16px + 1.5vw); parce que la hauteur du bandeau est fixe. Le white-space: nowrap; n'est pas la meilleure solution dans le contexte.

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
    • Page de Recherche + Page des résultats de recherche
    • 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
  • Le bouton "Contribuer" disparait dans le menu mobile.
  • Le bouton Enregistrer les modifications sur la page [d'éditeur wysiwyg] utilise le font-weight 700
    • Corrigé dans common.css (GM)

Mise en page

  • 1. Centrer verticalement le titre du bandeau sur cette page et autres similaires.
  • 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)
    • Corrigé dans common.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)
    • Corrigé dans common.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)
    • Corrigé dans common.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
    • Corrigé dans common.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
    • Corrigé dans common.css (GM)
  • 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.

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