From 9d3fcbab4a0101ad5dc9ed7a54373e7c9f6ff5c4 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Fr=C3=A9d=C3=A9ric=20P=C3=A9ters?= <fpeters@entrouvert.com>
Date: Tue, 18 Sep 2018 13:52:49 +0200
Subject: [PATCH] scss: add option to control unique checkbox position (#26519)

---
 help/fr/misc-scss.page      |  8 ++++++++
 static/includes/_forms.scss | 15 +++++++++++++++
 2 files changed, 23 insertions(+)

diff --git a/help/fr/misc-scss.page b/help/fr/misc-scss.page
index 404a7080..cbee0a4c 100644
--- a/help/fr/misc-scss.page
+++ b/help/fr/misc-scss.page
@@ -399,6 +399,14 @@ paramètre, la deuxième sa description et la troisième la valeur par défaut.
   personnalisé.</p></td>
   <td><p><var>$button-background</var></p></td>
  </tr>
+ <tr>
+  <td><p><code>$widget-unique-checkbox-position</code></p></td>
+  <td><p>Positionnement de la case à cocher d'un champ de type « Case à
+  cocher (choix unique); soit « bottom » pour un rendu sous le libellé du
+  champ (option par défaut), soit « left » pour un rendu à la gauche du
+  libellé.</p></td>
+  <td><p><var>bottom</var></p></td>
+ </tr>
 </table>
 </section>
 
diff --git a/static/includes/_forms.scss b/static/includes/_forms.scss
index c8690610..235a3b8c 100644
--- a/static/includes/_forms.scss
+++ b/static/includes/_forms.scss
@@ -16,6 +16,7 @@ $widget-focus-border: 1px solid #AAA !default;
 
 $widget-custom-radio-checkbox: false !default;
 $widget-custom-radio-checkbox-color: $button-background !default;
+$widget-unique-checkbox-position: bottom !default;  // also possible: left
 
 /* $form-style: global style of form elements; possible values
  * are:
@@ -358,6 +359,20 @@ div.select2-search {
 	}
 }
 
+@if $widget-unique-checkbox-position == left {
+	div.CheckboxWidget {
+		display: -ms-flexbox;
+		display: flex;
+		div.title {
+			-ms-order: 1;
+			order: 1;
+		}
+		div.content label {
+			margin-right: 0;
+		}
+	}
+}
+
 @if $form-style == light {
 	form p label,
 	label {
-- 
2.19.0