diff --git a/services/pad.libre-service.eu.md b/services/pad.libre-service.eu.md index 9a5d0c0..4733bff 100644 --- a/services/pad.libre-service.eu.md +++ b/services/pad.libre-service.eu.md @@ -317,18 +317,41 @@ Augmenter les limites de téléversement dans `/var/www/pad.libre-service.eu/set "importMaxFileSize": 52428800, // 50 * 1024 * 1024 ``` -### Table des matières cachée par défaut +### Table des matières non affichée sur petit écran Sur les téléphones portables, l'affichage de la table des matières peut être inconfortable. -Cacher par défaut la table des matières : +Une solution peut consister à ne pas afficher la table des matières par défaut. Ajouter dans `/var/www/pad.libre-service.eu/settings.json` : ``` "ep_toc": { "disable_by_default": true } ``` - Source : https://www.npmjs.com/package/ep_table_of_contents +Une autre solution peut consister à automatiquement ne pas afficher la table des matières si l'écran n'est pas assez large. Ajouter dans `node_modules/ep_table_of_contents/static/css/toc.css` : +``` +@media (max-width: 590px) { + #toc { display: none !important;} +} +``` + +Cette dernière solution a été retenue. + +### Table des matières trop largeur + +Par défaut, l'affichage de la table des matières déplace la zone d'édition vers la droite et la place contre la colonne de droite rendant difficile la lecture de la page. + +Une solution consite à réduire la taille de la table des matières. Modifier le fichier `/var/www/pad.libre-service.eu/node_modules/ep_table_of_contents/static/css/toc.css` : +``` +@media (min-width: 1350px) { +- #toc { width: 25% } ++ #toc { width: 20% } + body.comments-active #toc { width: 20% } // a bit smaller when the comment sidebar is visible +} +``` + + + ### Rendu visuel de la table des matières Par défaut, le rendu visuel de la table des matières connait des points améliorables :