From 139319c85a835d24cda30ccfd38bbe2e84d2466c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Fr=C3=A9d=C3=A9ric=20P=C3=A9ters?= <fpeters@entrouvert.com>
Date: Wed, 10 May 2023 20:41:18 +0200
Subject: [PATCH] misc: add classes to display checkboxes/radio horizontally
 (#77449)

---
 help/fr/misc-css-classes.page | 10 +++++++++-
 static/includes/_forms.scss   |  8 ++++++++
 2 files changed, 17 insertions(+), 1 deletion(-)

diff --git a/help/fr/misc-css-classes.page b/help/fr/misc-css-classes.page
index e9b81eaa..dc0baf08 100644
--- a/help/fr/misc-css-classes.page
+++ b/help/fr/misc-css-classes.page
@@ -130,7 +130,15 @@ de classes CSS réutilisables.
  </tr>
  <tr>
   <td><p><code>pk-blocks-zebra</code></p></td>
-   <td><p>Alterne les couleurs de fond des lignes des blocs de champs.</p></td>
+  <td><p>Alterne les couleurs de fond des lignes des blocs de champs.</p></td>
+ </tr>
+ <tr>
+  <td><p><code>pk-horizontal-checkboxes</code></p></td>
+  <td><p>Aligne horizontalement les cases à cocher d’un champ « liste à choix multiple ».</p></td>
+ </tr>
+ <tr>
+  <td><p><code>pk-horizontal-radiobuttons</code></p></td>
+  <td><p>Aligne horizontalement les boutons radio d’un champ « liste ».</p></td>
  </tr>
 </table>
 </section>
diff --git a/static/includes/_forms.scss b/static/includes/_forms.scss
index 93cc8cfd..7158b949 100644
--- a/static/includes/_forms.scss
+++ b/static/includes/_forms.scss
@@ -346,6 +346,14 @@ input[type="radio"] {
 	}
 }
 
+.CheckboxesWidget.pk-horizontal-checkboxes .content li {
+	display: inline-block;
+}
+
+.RadiobuttonsWidget.pk-horizontal-radiobuttons .content label {
+	display: inline-block;
+}
+
 div.content label {
 	margin-right: 1em;
 }