From 51767eeabfb4f2fbddc2f1c9e6f83f3b9c01e754 Mon Sep 17 00:00:00 2001
From: Jules Laplace <julescarbon@gmail.com>
Date: Mon, 9 Nov 2020 21:06:34 +0100
Subject: artists animation

---
 .../frontend/app/views/viewer/checklist/credits.components.js |  2 +-
 animism-align/frontend/app/views/viewer/checklist/credits.css | 11 +++++++++++
 2 files changed, 12 insertions(+), 1 deletion(-)

(limited to 'animism-align/frontend/app/views/viewer/checklist')

diff --git a/animism-align/frontend/app/views/viewer/checklist/credits.components.js b/animism-align/frontend/app/views/viewer/checklist/credits.components.js
index 9e0b6f2..91855ef 100644
--- a/animism-align/frontend/app/views/viewer/checklist/credits.components.js
+++ b/animism-align/frontend/app/views/viewer/checklist/credits.components.js
@@ -92,7 +92,7 @@ const CreditsVenue = ({ venue, open, setOpen }) => {
 export const ArtistColumns = ({ artists }) => {
   const artistGroups = groupColumns(artists.trim().split('\n'), 4)
   return (
-    <div>
+    <div className='artist-columns'>
       <div className='credits-title'>
         Artists
       </div>
diff --git a/animism-align/frontend/app/views/viewer/checklist/credits.css b/animism-align/frontend/app/views/viewer/checklist/credits.css
index 0375703..8dda469 100644
--- a/animism-align/frontend/app/views/viewer/checklist/credits.css
+++ b/animism-align/frontend/app/views/viewer/checklist/credits.css
@@ -86,4 +86,15 @@
 }
 .venue-info .credits-info div {
   min-height: 0.875rem;
+}
+
+/* artists */
+
+.artist-columns {
+  height: 0;
+  overflow: hidden;
+  transition: height 0.5s;
+}
+.open + .artist-columns {
+  height: 10rem;
 }
\ No newline at end of file
-- 
cgit v1.2.3-70-g09d2