Remise en forme de la configuration du reducteur et utilisons une image svg...

Remise en forme de la configuration du reducteur et utilisons une image svg d'erreur au lieu du vieux gif anime quand une methode ne marche pas

ecrire/action/tester.php

@@ -179,5 +179,5 @@ function action_tester_dist() {
 	}
 
 	# image echec
-	redirige_par_entete(chemin_image('puce-rouge-anim.gif'));
+	redirige_par_entete(chemin_image('echec-reducteur-xx.svg'));
 }

prive/formulaires/configurer_reducteur.html

@@ -18,7 +18,7 @@
 				#SET{process,gd1}
 				[<button
 					type="submit"
-					class="vignette_reducteur[(#ENV{image_process}|=={#GET{process}}|oui)on]"
+					class="btn btn_secondaire vignette_reducteur[(#ENV{image_process}|=={#GET{process}}|oui)on]"
 					style="background-image:url((#GET{process}|url_vignette_choix));"
 					name="image_process_\[#GET{process}\]">
 				[(#GET{process}|strtoupper)]
@@ -26,7 +26,7 @@
 				#SET{process,gd2}
 				[<button
 					type="submit"
-					class="vignette_reducteur[(#ENV{image_process}|=={#GET{process}}|oui)on]"
+					class="btn btn_secondaire vignette_reducteur[(#ENV{image_process}|=={#GET{process}}|oui)on]"
 					style="background-image:url((#GET{process}|url_vignette_choix));"
 					name="image_process_\[#GET{process}\]">
 				[(#GET{process}|strtoupper)]
@@ -34,7 +34,7 @@
 				#SET{process,netpbm}
 				[<button
 					type="submit"
-					class="vignette_reducteur[(#ENV{image_process}|=={#GET{process}}|oui)on]"
+					class="btn btn_secondaire vignette_reducteur[(#ENV{image_process}|=={#GET{process}}|oui)on]"
 					style="background-image:url((#GET{process}|url_vignette_choix));"
 					name="image_process_\[#GET{process}\]">
 				[(#GET{process}|strtoupper)]
@@ -42,7 +42,7 @@
 				#SET{process,imagick}
 				[<button
 					type="submit"
-					class="vignette_reducteur[(#ENV{image_process}|=={#GET{process}}|oui)on]"
+					class="btn btn_secondaire vignette_reducteur[(#ENV{image_process}|=={#GET{process}}|oui)on]"
 					style="background-image:url((#GET{process}|url_vignette_choix));"
 					name="image_process_\[#GET{process}\]">
 				[(#GET{process}|strtoupper)]
@@ -50,7 +50,7 @@
 				#SET{process,convert}
 				[<button
 					type="submit"
-					class="vignette_reducteur[(#ENV{image_process}|=={#GET{process}}|oui)on]"
+					class="btn btn_secondaire vignette_reducteur[(#ENV{image_process}|=={#GET{process}}|oui)on]"
 					style="background-image:url((#GET{process}|url_vignette_choix));"
 					name="image_process_\[#GET{process}\]">
 				[(#GET{process}|strtoupper)]

prive/themes/spip/forms.css.html

@@ -1137,6 +1137,7 @@
 	margin: 0.5em;
 	background-position: top center;
 	background-repeat: no-repeat;
+	background-size: contain;
 }
 .formulaire_configurer_reducteur .vignette_reducteur:first-child {
 	margin-#LEFT: 0;
@@ -1152,6 +1153,7 @@
 	font-weight: bold;
 	border: 2px solid var(--spip-color-theme);
 	background-color: var(--spip-color-gray-lightest);
+	box-shadow: 0 0 5px var(--spip-color-theme);
 }
 .formulaire_configurer_reducteur .vignette_reducteur.on:hover {
 	border-color: var(--spip-color-theme);

prive/themes/spip/images/echec-reducteur-xx.svg

+<svg viewBox="-256 -256 1024 1024" xmlns="http://www.w3.org/2000/svg" width="64" height="64">
+  <path d="M361.602 0H150.398L0 150.398v211.204L150.398 512h211.204L512 361.602V150.398zm0 0" fill="#ff6c6c"/>
+  <path d="M352.84 22H159.16L22 159.16v193.68L159.16 490h193.68L490 352.84V159.16zM454 338.083L338.083 454H173.917L58 338.083V173.917L173.917 58h164.166L454 173.917zm0 0" fill="#deecf1" opacity=".7"/>
+  <path fill="#fff" d="M383.936 334.271c0-5.654-2.021-10.5-6.058-14.537l-62.988-62.988 62.99-62.99c4.036-4.037 6.055-8.883 6.056-14.535-.001-5.651-2.017-10.495-6.06-14.537l-29.068-29.069c-4.037-4.037-8.882-6.057-14.535-6.057-5.653 0-10.499 2.02-14.535 6.057l-62.99 62.99-62.988-62.988c-4.036-4.037-8.882-6.057-14.535-6.057s-10.495 2.018-14.534 6.057l-29.073 29.072c-4.04 4.04-6.058 8.882-6.055 14.533-.002 5.654 2.02 10.499 6.056 14.535l62.988 62.988-62.991 62.99c-4.037 4.037-6.06 8.885-6.058 14.538.002 5.65 2.023 10.494 6.06 14.531l29.07 29.07c4.04 4.04 8.882 6.06 14.534 6.062 5.654 0 10.5-2.021 14.536-6.058l62.991-62.99 62.988 62.987c4.04 4.04 8.883 6.06 14.537 6.058 5.65.002 10.493-2.015 14.533-6.055l29.073-29.072c4.037-4.04 6.06-8.882 6.056-14.535z"/>
+</svg>