New: Vertical item and custom icon support (fixes #154)

[guywillis]

Fixes: #154

New

• Added support for vertical item layout
• Added support for custom title icons for each item in horizontal and vertical layout

Requires vanilla PR adaptlearning/adapt-contrib-vanilla#530

Proposed vertical item layout solution:

Proposed custom title icons:

[kirsty-hames]

Nice addition thanks @guywillis and works as expected.

It's no biggie but I wonder whether the class name should be more specific to the element it impacts? For example, the existing image alignment classes specify 'image' in their class name align-image-left etc. Where as is-center-aligned is generic. I think it would be useful to include 'button' or 'title' in the class name.

[oliverfoster]

It's no biggie but I wonder whether the class name should be more specific to the element it impacts? For example, the existing image alignment classes specify 'image' in their class name align-image-left etc. Where as is-center-aligned is generic. I think it would be useful to include 'button' or 'title' in the class name.

The button and content are both center aligned by the class.

[cahirodoherty-learningpool]

👀

[owenwortskineo]

Do we have the option to have custom icons above the label in the vertical layout? If not can we add?

[guywillis]

Do we have the option to have custom icons above the label in the vertical layout? If not can we add?

Yup, this request is supported.