Specify an image size inside Column, add max-height to an image inside standalone question types

Description

Issue:

Reported here: https://h5p.org/node/7684/submission/1082 but this issue has been reported before as well.
Especially noticeable when using an image inside Column.

Solution:

1. For single questions (Fill in the blanks, Multiple Choice, True/False):

  • Add max-height when an image is scaled down (when "Disable zooming" is unchecked). Max height should be 16em.

  • Note that we have max-width of 35% of the container. max-width should not change.

2. Just for Column:

  • Add two dropdowns: Image size and Image align

  • Image size has textual values:

    • Small (35%)

    • Medium (50%)

    • Large (75%)

    • Full width

  • Image align has textual values:

    • Left Align

    • Center Align

    • Right Align

  • Add "Disable image zooming" same place as in other questions:

Properties for each image size option:

  • Small: max-height: 16em; max-width: 35%

  • Medium: max-height: 25em; max-width: 50%

  • Large: max-height: 34em; max-width: 75%;

  • Full width: what we have today

Default values for column:

  • For old content:

    • Image size: Full width

    • Disable image zooming: Checked

  • For new content:

    • Image size: Small (35%)

    • Image aligh: Left

    • Disable image zooming: Unchecked

Acceptance Criteria

  • It is possible to specify the width and align of an image inside a Column

  • Disable image zooming is available inside a Column

  • Images inside FITB, MC and True/False have max height

Status

Assignee

Unassigned

Reporter

Jelena Milinovic

Labels

Funding

None

Code reviewer

None

Released

None

Priority

Medium