Skip to content

Scrollable design view

Tom Quirk requested to merge scrollable-design-view into design-presentation-component

What does this MR do?

Modifies the behaviour of the Design view such that design images:

  • default to max-width: 100%;
  • are allowed to overflow (vertically)

Why?

Firstly, design images whose height far outweighs it's width are hard to read properly due to the fact that the entire image must be displayed in the viewport. (for example, see this design and this discussion in slack for context/further discussion).

Secondly, in preparation for #13217 (closed) (!22863 (merged)), this change is necessary because of the desired zooming behaviour.

Screenshots

Before After (enabling user to scroll vertically)
Screen_Shot_2020-01-13_at_11.58.04_am Screen_Shot_2020-01-13_at_4.22.26_pm

Does this MR meet the acceptance criteria?

Conformity

Availability and Testing

Edited by 🤖 GitLab Bot 🤖

Merge request reports