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