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

De Wiki maraîcher
Aller à :navigation, rechercher
VisuelWikicode
Aucun résumé des modifications
m (bouton avec fontweigt 700)
Ligne 58 : Ligne 58 :
   color: #368137;  
   color: #368137;  
  }
  }
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
=== Images ===
=== Images ===


=== 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)
*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)

Version du 2022-11-23 à 15:33:28

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; 
}

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).
  • 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=17080 »

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