diff options
| author | Jules Laplace <julescarbon@gmail.com> | 2020-11-09 21:06:34 +0100 |
|---|---|---|
| committer | Jules Laplace <julescarbon@gmail.com> | 2020-11-09 21:06:34 +0100 |
| commit | 51767eeabfb4f2fbddc2f1c9e6f83f3b9c01e754 (patch) | |
| tree | 7f78274e6837d2655b158b50c39e61ac6cf58eac /animism-align/frontend/app/views/viewer/checklist | |
| parent | cdfec268837e3e1b6c06588658bce998cd1ff67e (diff) | |
artists animation
Diffstat (limited to 'animism-align/frontend/app/views/viewer/checklist')
| -rw-r--r-- | animism-align/frontend/app/views/viewer/checklist/credits.components.js | 2 | ||||
| -rw-r--r-- | animism-align/frontend/app/views/viewer/checklist/credits.css | 11 |
2 files changed, 12 insertions, 1 deletions
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 |