chore(showcase): make implementation section collapsible - Githubissues

SRGSSR / pillarbox-web-demo

Demo application for the pillarbox-web

https://github.com/SRGSSR/pillarbox-web/

MIT License

2 stars 0 forks source link

chore(showcase): make implementation section collapsible #17

Closed jboix closed 7 months ago

jboix commented 7 months ago

Description

Resolves #2 by making each showcase's implementation section individually collapsible.

Added a visibility icon from material icons as a visual cue next to each showcase section title.
Modified the text to display "Show the implementation" when the section is collapsed and "Hide the implementation" when expanded.
Added an animation to ease the visual feedback.

Changes made

Moves the growing and shrink animation from the load-media-form-component stylesheet to the theme's animation stylesheet. Added fading out for the shrinking animation to match its reverse and renamed it: fade-out-shrink.

Screenshots


Expanded implementation section	Colapsed implementation section

github-actions[bot] commented 7 months ago

PR Preview Action v1.4.7 :---: Preview removed because the pull request was closed. 2024-02-27 15:26 UTC