mieux gerer l'affichage de la table du env : on fixe des largeurs de colonne...

mieux gerer l'affichage de la table du env : on fixe des largeurs de colonne en fonction de la taille d'ecran pour que ce soit mieux range, on limite la hauteur de chaque ligne a 1.5rem, et un overflow auto par defaut, mais le '#ENV' est clicable et du coup ça bascule en affichage table vertical quand on veut voir le detail d'un env en particulier

ecrire/public/debusquer.php

@@ -239,7 +239,7 @@ function debusquer_contexte($env) {
 			. "</td></tr>\n";
 	}
 
-	return "<div class='spip-env'><fieldset><legend>#ENV</legend>\n<div><table>$res</table></div></fieldset></div>\n";
+	return "<div class='spip-env'><fieldset><legend onclick=\"this.nextElementSibling.classList.toggle('expanded');\">#ENV</legend>\n<div><table>$res</table></div></fieldset></div>\n";
 }
 
 // Affichage du tableau des erreurs ou des temps de calcul

prive/spip_admin.css

@@ -208,6 +208,7 @@ html #spip-boucles fieldset .spip-env fieldset legend {
   color: inherit;
   float: left;
   margin-top: -1.5rem;
+  cursor: pointer;
 }
 html #spip-boucles fieldset .spip-env fieldset table {
   font-family: inherit;
@@ -220,6 +221,47 @@ html #spip-boucles fieldset .spip-env fieldset table tbody, html #spip-boucles f
   font-size: inherit;
   display: flex;
 }
+html #spip-boucles fieldset .spip-env fieldset .expanded table tr {
+  flex-basis: 100% !important;
+  max-width: 100% !important;
+  max-height: none !important;
+}
+html #spip-boucles fieldset .spip-env fieldset table tr {
+  flex-basis: 100%;
+  max-width: 100%;
+  overflow: auto;
+  max-height: 1.5rem;
+}
+@media (min-width: 640px) {
+  html #spip-boucles fieldset .spip-env fieldset table tr {
+    flex-basis: 50%;
+    max-width: 50%;
+  }
+}
+@media (min-width: 980px) {
+  html #spip-boucles fieldset .spip-env fieldset table tr {
+    flex-basis: 33%;
+    max-width: 33%;
+  }
+}
+@media (min-width: 1400px) {
+  html #spip-boucles fieldset .spip-env fieldset table tr {
+    flex-basis: 25%;
+    max-width: 25%;
+  }
+}
+@media (min-width: 1800px) {
+  html #spip-boucles fieldset .spip-env fieldset table tr {
+    flex-basis: 20%;
+    max-width: 20%;
+  }
+}
+html #spip-boucles fieldset .spip-env fieldset table td:first-child {
+  flex-basis: 15%;
+}
+html #spip-boucles fieldset .spip-env fieldset table td:last-child {
+  flex-basis: 85%;
+}
 html #spip-boucles fieldset .spip-env fieldset table tbody {
   flex-wrap: wrap;
 }