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

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

diff --git a/help/fr/misc-css-classes.page b/help/fr/misc-css-classes.page
index 4ffb29a..0ae68cf 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'un cellule pliable</p></td>
+ </tr>
+ <tr>
+   <td><p><code>folded</code></p></td>
+   <td><p>Associé avec la classe foldable, cette classe 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..6360167 100644
--- a/static/includes/_cells.scss
+++ b/static/includes/_cells.scss
@@ -543,3 +543,29 @@ div.familyinfoscell {
 		}
 	}
 }
+
+/* support foldable cells */
+div.cell {
+	&.foldable {
+		> div > h2:first-child {
+			&::after {
+				font-family: FontAwesome;
+				content: "\f106"; /* angle-up */
+				position: absolute;
+				right: 1em;
+			}
+			cursor: pointer;
+		}
+	}
+	&.foldable.folded {
+		> div > h2:first-child {
+			display: block;
+			&::after {
+				content: "\f107"; /* angle-down */
+			}
+		}
+		> div > * {
+			display: none;
+		}
+	}
+}
-- 
2.15.0