From ef21492ac9543d73455c908546d2d5acf7ad618f Mon Sep 17 00:00:00 2001
From: David Rouquet <david.rouquet@tetras-libre.fr>
Date: Tue, 19 Feb 2019 11:10:14 +0100
Subject: [PATCH] Collapse paragraph with preview
---
css/style.css | 45 +++++++++++++++++++++++++++++++++++++++++++++
1 file changed, 45 insertions(+)
diff --git a/css/style.css b/css/style.css
index 3ea548f..3010364 100644
--- a/css/style.css
+++ b/css/style.css
@@ -308,3 +308,48 @@ ul.commentlist {
.navbar-collapse.in {
overflow-y: visible;
}
+
+/*
+ * Collapse with preview
+ */
+
+body {
+ padding-top: 2rem;
+}
+
+.module .collapse, .module .collapsing {
+ height: 3rem; /* [NUM_OF_LINES] x [LINE_HEIGHT] */
+}
+
+.module .collapse {
+ position: relative; /* For ...'s content absolute positioning */
+ display: block;
+ overflow: hidden;
+ float: right;
+}
+
+.module .collapse:before {
+ content: '';
+ position: absolute;
+ right: 0;
+ bottom: 0;
+}
+
+.module .collapse.show {
+ height: auto; /* You need to reset the height when not collapsed */
+}
+
+.module .collapse.show:before {
+ display: none; /* Of course you don't want to display ... */
+}
+
+
+
+.module a.collapsed:after {
+ content: '+ Voir plus';
+}
+
+.module a:not(.collapsed):after {
+ content: '- Voir moins';
+}
+
--
GitLab