From 0008e705d3bc62248bdfc67530b16098fbf1d615 Mon Sep 17 00:00:00 2001
From: Cerdic <cedric@yterium.com>
Date: Sun, 31 Mar 2024 11:12:47 +0200
Subject: [PATCH] =?UTF-8?q?fix:=20la=20classe=20.label=20des=20formulaires?=
=?UTF-8?q?=20est=20d=C3=A9pr=C3=A9ci=C3=A9e=20au=20profit=20de=20.editer-?=
=?UTF-8?q?label?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
prive/formulaires/instituer_objet.html | 4 ++--
prive/formulaires/recherche_ecrire.html | 2 +-
prive/themes/spip/forms.css.html | 32 ++++++++++++++++---------
3 files changed, 24 insertions(+), 14 deletions(-)
diff --git a/prive/formulaires/instituer_objet.html b/prive/formulaires/instituer_objet.html
index 00dd52dc1e..6f056b1f6d 100644
--- a/prive/formulaires/instituer_objet.html
+++ b/prive/formulaires/instituer_objet.html
@@ -2,7 +2,7 @@
[(#REM) Dans tous les cas on commence par afficher le statut actuel ]
<div class="statut_actuel">
- <strong class="label">[(#ENV{_label}|_T)][(#ENV{_aide}|oui)#AIDER{#ENV{_aide}}]</strong>
+ <strong class="editer-label">[(#ENV{_label}|_T)][(#ENV{_aide}|oui)#AIDER{#ENV{_aide}}]</strong>
<div class="statut statut--#ENV{statut}">
[<span class="statut-icone">(#ENV{statut}|puce_statut{#ENV{_objet}})</span>]
[<span class="statut-label">(#ENV{_statuts}|table_valeur{#ENV{statut}}|_T)</span>]
@@ -22,7 +22,7 @@
#SET{name,statut}#SET{obli,'obligatoire'}#SET{erreurs,#ENV**{erreurs}|table_valeur{#GET{name}}}
<div class="editer-groupe">
<fieldset class="editer editer_[(#GET{name})] statut_#ENV{#GET{name}}[ (#GET{obli})][ (#GET{erreurs}|oui)erreur]">
- <legend class="label"><:info_modifier_statut:></legend>
+ <legend class="editer-label"><:info_modifier_statut:></legend>
[<span class='erreur_message'>(#GET{erreurs})</span>]
<BOUCLE_choix(DATA){source table, #ENV{_statuts}}{cle != #ENV{statut}}>
<div class="choix">
diff --git a/prive/formulaires/recherche_ecrire.html b/prive/formulaires/recherche_ecrire.html
index 4542378c24..7c8059cf4d 100644
--- a/prive/formulaires/recherche_ecrire.html
+++ b/prive/formulaires/recherche_ecrire.html
@@ -2,7 +2,7 @@
<form action="[(#ENV{action})]" method="get"><div>
[(#ENV{action}|form_hidden)]
[<input type="hidden" name="lang" value="(#ENV{lang})" />]
- <label for="#ENV{_id_champ,recherche}" class="label visually-hidden"><:info_rechercher_02:></label>
+ <label for="#ENV{_id_champ,recherche}" class="editer-label visually-hidden"><:info_rechercher_02:></label>
<input
type="text"
class="text[(#ENV{recherche}|oui) cancelable]"
diff --git a/prive/themes/spip/forms.css.html b/prive/themes/spip/forms.css.html
index f429a06bc3..eb5c1e70f2 100644
--- a/prive/themes/spip/forms.css.html
+++ b/prive/themes/spip/forms.css.html
@@ -397,7 +397,8 @@
cursor: pointer;
}
.formulaire_spip .editer > label,
-.formulaire_spip .editer > .label,
+/* @deprecated SPIP 5.0 .label */ .formulaire_spip .editer > .label,
+.formulaire_spip .editer > .editer-label,
.formulaire_spip .editer.gauche > label {
display: block;
margin-bottom: calc(var(--spip-form-spacing-y) / 4);
@@ -407,7 +408,8 @@
font-weight: inherit;
line-height: 1.3; /* légèrement inférieure au texte normal */
}
-.formulaire_spip fieldset.editer > .label {
+/* @deprecated SPIP 5.0 .label */ .formulaire_spip fieldset.editer > .label,
+.formulaire_spip fieldset.editer > .editer-label {
transform: translateY(33%); /* remettre à peu près au niveau de la ligne */
}
/* Responsive : passer les labels à gauche + variantes */
@@ -417,21 +419,24 @@
padding-#LEFT: calc(var(--spip-form-label-width) + (var(--spip-form-spacing-x) * 2)); /* largeur + marge gauche+droite */
}
.formulaire_spip .editer > label,
- .formulaire_spip .editer > .label,
+ /* @deprecated SPIP 5.0 .label */ .formulaire_spip .editer > .label,
+ .formulaire_spip .editer > .editer-label,
.formulaire_spip .editer.gauche > label {
float: var(--spip-left);
width: var(--spip-form-label-width);
margin-#LEFT: calc((var(--spip-form-label-width) + var(--spip-form-spacing-x)) * -1); /* inverse largeur + marge */
padding: calc(var(--spip-form-input-padding-y) + 1px) 0 0; /* décaler pour aligner avec texte input → padding + border */
}
- .formulaire_spip fieldset.editer > .label {
+ /* @deprecated SPIP 5.0 .label */ .formulaire_spip fieldset.editer > .label,
+ .formulaire_spip fieldset.editer > .editer-label {
transform: none;
}
/* Labels plus longs */
.formulaire_spip .editer.long_label {
padding-#LEFT: calc(var(--spip-form-label-long-width) + (var(--spip-form-spacing-x) * 2)); /* largeur + marge gauche+droite */
}
- .formulaire_spip .editer.long_label > .label,
+ /* @deprecated SPIP 5.0 .label */ .formulaire_spip .editer.long_label > .label,
+ .formulaire_spip .editer.long_label > .editer-label,
.formulaire_spip .editer.long_label > label {
width: var(--spip-form-label-long-width);
margin-#LEFT: calc((var(--spip-form-label-long-width) + var(--spip-form-spacing-x)) * -1); /* inverse largeur + marge */
@@ -448,7 +453,8 @@
padding-#LEFT: var(--spip-form-spacing-x);
}
.formulaire_spip .editer.pleine_largeur > label,
- .formulaire_spip .editer.pleine_largeur > .label, /* fieldsets avec legend.label */
+ /* @deprecated SPIP 5.0 .label */ .formulaire_spip .editer.pleine_largeur > .label, /* fieldsets avec legend.label */
+ .formulaire_spip .editer.pleine_largeur > .editer-label, /* fieldsets avec legend.editer-label */
.formulaire_spip .editer-groupe.deux_colonnes > .editer > label,
.formulaire_spip .editer_parent label,
.formulaire_spip .editer_groupe_mot label,
@@ -463,7 +469,8 @@
margin-#LEFT: 0;
padding: 0;
}
- .formulaire_spip fieldset.editer.pleine_largeur > .label {
+ /* @deprecated SPIP 5.0 .label */ .formulaire_spip fieldset.editer.pleine_largeur > .label,
+ .formulaire_spip fieldset.editer.pleine_largeur > .editer-label {
transform: translateY(33%); /* remettre à peu au niveau de la ligne */
}
}
@@ -515,7 +522,7 @@
}
/* Légendes */
-.formulaire_spip fieldset legend:not(.label),
+/* @deprecated SPIP 5.0 .label */ .formulaire_spip fieldset legend:not(.label):not(.editer-label),
.formulaire_spip fieldset .legend {
padding: var(--spip-form-input-padding-y) var(--spip-form-input-padding-x);
background-color: var(--spip-color-gray-lightest);
@@ -645,7 +652,8 @@
/* Espacements entre inputs et labels (Ã affiner) */
.formulaire_spip .choix > label,
-.formulaire_spip .choix > .label {
+/* @deprecated SPIP 5.0 .label */ .formulaire_spip .choix > .label,
+.formulaire_spip .choix > .editer-label {
margin: 0 0.5em;
}
/* Espacement entre .choix inline successifs */
@@ -693,7 +701,8 @@
/* Champs obligatoires */
.formulaire_spip .editer.obligatoire label,
-.formulaire_spip .editer.obligatoire .label,
+/* @deprecated SPIP 5.0 .label */ .formulaire_spip .editer.obligatoire .label,
+.formulaire_spip .editer.obligatoire .editer-label,
.formulaire_spip .editer.obligatoire.gauche label {
color: var(--spip-color-black);
font-weight: bold;
@@ -1071,7 +1080,8 @@
padding-#LEFT: var(--spip-form-spacing-x);
}
.lat .formulaire_spip .editer label,
-.lat .formulaire_spip .editer .label {
+/* @deprecated SPIP 5.0 .label */ .lat .formulaire_spip .editer .label,
+.lat .formulaire_spip .editer .editer-label {
text-transform: none;
display: block;
float: none;
--
GitLab