From 7bf04ae4559f54bb1a42bcb3b586824baec9a77c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ji=C5=99=C3=AD=20Setni=C4=8Dka?= <setnicka@seznam.cz>
Date: Mon, 22 Feb 2021 23:18:57 +0100
Subject: [PATCH] =?UTF-8?q?CSS:=20.collapsible=20t=C5=99=C3=ADda=20na=20ro?=
 =?UTF-8?q?zklik=C3=A1vac=C3=AD=20zpr=C3=A1vi=C4=8Dky?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 static/mo.css | 38 ++++++++++++++++++++++++++++++++++++++
 1 file changed, 38 insertions(+)

diff --git a/static/mo.css b/static/mo.css
index 8978f2cd..34c5a998 100644
--- a/static/mo.css
+++ b/static/mo.css
@@ -330,3 +330,41 @@ div.alert + div.alert {
 	-webkit-font-smoothing: antialiased;
 	-moz-osx-font-smoothing: grayscale;
 }
+
+/* Collapsible */
+
+.collapsible {
+	position: relative;
+}
+.collapsible input[type="checkbox"].toggle {
+	position: absolute;
+	top: 0;
+	left: 0;
+	opacity: 0;
+}
+.collapsible label.toggle {
+	cursor: pointer;
+	margin-left: 15px;
+}
+.collapsible label.toggle::before {
+	position: absolute;
+	content: "";
+	width: 0;
+	height: 0;
+	left: 0px;
+	border-left: 8px solid black;
+	border-top: 8px solid transparent;
+	border-bottom: 8px solid transparent;
+	transition: 0.5s ease;
+}
+.collapsible input[type="checkbox"].toggle:checked ~ label.toggle::before {
+	transform: rotate(90deg);
+}
+.collapsible .collapsible-inner {
+	max-height: 0;
+	overflow-y: hidden;
+	transition: 0.5s ease;
+}
+.collapsible input[type="checkbox"].toggle:checked ~ .collapsible-inner {
+	max-height: 100vh;
+}
-- 
GitLab