Acceptance criteria

• Changes meet UX design https://www.figma.com/design/77UcMBgR1cbpSsmzRluTay/Image-slider?node-id=110-1724&t=R2FffJ4camE6q5m8-0

• Code is okay

Background

NDLA proposed to add an optional text description. The idea was accepted and https://www.figma.com/design/77UcMBgR1cbpSsmzRluTay/Image-slider?node-id=110-1724&t=R2FffJ4camE6q5m8-0 was created to show how this should look and feel.

Notes

The toggle effect of descriptions currently is not animated. The requirements to have at least two lines for the description clashed with the required use of line-clamp / max-height and the inability to smoothly transform from a fixed height to auto. Will need to familiarize with interpolate-size: allow-keywords, find JavaScript or other solution.

Pull requests

• https://github.com/falcon-git/h5p-image-slider/pull/37

• https://github.com/falcon-git/h5p-image-slide/pull/18