Fix: Add mobile stacked layout option (fixes #267) - Githubissues

adaptlearning / adapt-contrib-narrative

A component that displays an image gallery with accompanying text

GNU General Public License v3.0

5 stars 39 forks source link

Fix: Add mobile stacked layout option (fixes #267) #270

Closed swashbuck closed 11 months ago

swashbuck commented 1 year ago

Fix #267

Fix

Adds new _isStackedOnMobile option. Images and text will be stacked vertically on mobile devices. No interaction other than scrolling will be required to view all items.
Splits up main template into separate templates
Adds the ability to use large or small graphics in non-AAT projects. _graphic.src is still supported at this time until schemas have been updated.

Testing

Add "_isStackedOnMobile": true, to a Narrative or Hot Graphic
View on a mobile device or a desktop device simulating mobile view

PR dependencies

These will need to be merged if they haven't already been.

[ ] Vanilla theme styles: https://github.com/adaptlearning/adapt-contrib-vanilla/pull/452
[x] Draggable image attribute: https://github.com/adaptlearning/adapt-contrib-core/pull/403

Screenshot (new stacked layout)

stacked

github-actions[bot] commented 11 months ago

:tada: This PR is included in version 7.4.11 :tada:

The release is available on GitHub release

Your semantic-release bot :package::rocket: