aceade / cdz-vue-site

A practice project to teach myself Vue, based on a scifi series I'm working on
MIT License
0 stars 0 forks source link

Make slideshows collapsible #32

Closed aceade closed 2 years ago

aceade commented 2 years ago

Some of the slideshow images are full-height. Collapsing these would make it easier to scroll.

aceade commented 2 years ago

Forgot to tag the commit with this!

The way this works is that each image slideshow will take an optional parameter to be collapsible. If this is true, a button to collapse/show the Splide track will be visible.

Now to style the button appropriately.

aceade commented 2 years ago

Transitioning doesn't happen via animation - it just happens instantly.

There are third-party components for this, but I'd rather do it myself.

aceade commented 2 years ago

Styling the button and adding new animations is tool much hassle. If anyone can suggest how to do this, I'll reconsider.