Mise à jour de 'services/pad.libre-service.eu.md'

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 :