From 885b80f5de721438f4af51b649c649a06ea22c25 Mon Sep 17 00:00:00 2001
From: rra <rscmbbng@riseup.net>
Date: Mon, 12 Jul 2021 16:51:28 +0200
Subject: [PATCH] make collapsible descriptions on event cards

---
 layouts/partials/calendar_card.html | 5 ++---
 static/css/main.css                 | 4 +++-
 static/css/video-box.css            | 1 -
 3 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/layouts/partials/calendar_card.html b/layouts/partials/calendar_card.html
index db6f230..63d3553 100644
--- a/layouts/partials/calendar_card.html
+++ b/layouts/partials/calendar_card.html
@@ -11,14 +11,13 @@
             </div>
             <div class='calendar-meta'>
               <div class='calendar-duration'>{{ .Params.duration }}</div>
+              <span class='descr_button' id='toggle-button' onclick="toggleDescription('#event-{{ .Params.uid }}')"> <a href='#'>  </a></span>
               <div class='calendar-location'>{{ .Params.location | markdownify }}</div>
             </div>
-            <div class='calendar-description'>
+            <div class='calendar-description collapsed' id='event-{{ .Params.uid }}'>
             {{.Content}}
             </div>
 
 
-
-            
           </article>
     </div>
\ No newline at end of file
diff --git a/static/css/main.css b/static/css/main.css
index f2f6d95..815f084 100644
--- a/static/css/main.css
+++ b/static/css/main.css
@@ -250,7 +250,6 @@ footer.post-footer {
 
 .calendar-meta {
   display: flex;
-  border-bottom: 2px solid cornflowerblue;
   justify-content: space-between;
 }
 
@@ -289,6 +288,9 @@ footer.post-footer {
   padding-left: 1em;
   padding-right: 1em;
   padding-bottom: 0.5em;
+  display: block;
+  overflow: hidden;
+  border-top: 2px solid cornflowerblue;
 }
 
 .calendar-description p {
diff --git a/static/css/video-box.css b/static/css/video-box.css
index f6757bd..a3bd131 100644
--- a/static/css/video-box.css
+++ b/static/css/video-box.css
@@ -81,7 +81,6 @@
   .description{
     padding: 1em;
     display: block;
-    /*transition: height 0.5s linear;*/
     overflow: hidden;
     border-top: 2px solid var(--video-border-color);
   }