From 26c6d1376ddc471c85a8c07bbafc8f272533cd4a Mon Sep 17 00:00:00 2001
From: Josue Kouka <jkouka@entrouvert.com>
Date: Wed, 18 Oct 2017 11:33:22 +0200
Subject: [PATCH] scss: add class for folded and foldable cells (#19496)

---
 help/fr/misc-css-classes.page |  9 +++++++++
 static/includes/_cells.scss   | 32 ++++++++++++++++++++++++++++++++
 2 files changed, 41 insertions(+)

diff --git a/help/fr/misc-css-classes.page b/help/fr/misc-css-classes.page
index 4ffb29a..5d61346 100644
--- a/help/fr/misc-css-classes.page
+++ b/help/fr/misc-css-classes.page
@@ -48,6 +48,15 @@ de classes CSS réutilisables.
   l'impression que des cellules consécutives font partie d'un unique
   bloc.</p></td>
  </tr>
+ <tr>
+   <td><p><code>foldable</code></p></td>
+   <td><p>Rend le contenu d'une cellule pliable.</p></td>
+ </tr>
+ <tr>
+   <td><p><code>folded</code></p></td>
+   <td><p>Associée avec la classe foldable, définit le contenu
+   d'une cellule comme étant plié par défaut.</p></td>
+ </tr>
 </table>
 
 </section>
diff --git a/static/includes/_cells.scss b/static/includes/_cells.scss
index adc98db..165a23b 100644
--- a/static/includes/_cells.scss
+++ b/static/includes/_cells.scss
@@ -543,3 +543,35 @@ div.familyinfoscell {
 		}
 	}
 }
+
+/* foldable and folded cell style */
+#content div.cell {
+	&.foldable {
+		h2:first-child {
+			&::after {
+				font-family: FontAwesome;
+				content: "\f106"; /* angle-up */
+				position: absolute;
+				right: 1em;
+			}
+			cursor: pointer;
+		}
+		> div > div {
+			display: block;
+		}
+	}
+	&.foldable.folded {
+		h2:first-child {
+			&::after {
+				font-family: FontAwesome;
+				content: "\f107"; /* angle-down */
+				position: absolute;
+				right: 1em;
+			}
+			cursor: pointer;
+		}
+		> div > div {
+			display: none;
+		}
+	}
+}
-- 
2.11.0