add accordion for additional filters

2019-11-05 07:19:36 +01:00
parent 547411f189
commit 851fef45b0
3 changed files with 61 additions and 3 deletions
--- a/app/public/accordion.css
+++ b/app/public/accordion.css
@@ -0,0 +1,41 @@
+.accordion label {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  background-color: #02adba;
+  color: white;
+  padding-left: 15px;
+  height: 3em;
+  line-height: 0.5em;
+  font-size: medium;
+  cursor: pointer;
+  border-bottom: 1px solid #bdbdbd;
+  border-top: 1px solid #ffffff;
+}
+.accordion p {
+  color: #424242;
+  padding: 10px;
+  font-size: 0.8em;
+  line-height: 1.7em;
+  opacity: 0;
+  display: none;
+  text-align: left;
+  background-color: #fff;
+  margin: 0px;
+}
+#tm:checked ~ .hiddentext {
+  display: block;
+  opacity: 1;
+}
+input#tm {
+  display: none;
+  position: relative;
+}
+.arrow {
+  color: #02adba;
+}
+
+.accordion-title {
+  font-size: 2em;
+}