Design view: Zooming functionality

Job story

[When] viewing a design, [I want to] zoom closer, [so I can] see the smaller details better.

Problem to solve

When viewing Designs it's possible to use the browser based zoom to change zoom level of the content. This zoom seems counter-intuitive to expectations of zooming. When zooming in, the comment feed is enlarged and the image gets smaller. Conversely when zooming out the comment feed is made smaller and the images are made larger.

Intended users

All Users of designs.

Further details

Open a design in the Designs tab and use the zoom option of your browser.

Example 1	Example 2

Proposal from @jareko

UPDATE - We will be reducing scope due to how technical the original proposal will be. Please see this comment and my reply with the new proposal.

• Design with spec preview can be found here
• Specifications around different states can be found here
• Example of zoom and drag functionality in Google Drive

Documentation

Docs should be updated to reflect the new zoom control and how it works.