Bring design pins into view when sidebar comments are focused
Problem to solve
When a design is long or wide, or when it is zoomed in, not all pins are always visible. When I focus a comment or thread in the side bar, if the corresponding pin is off screen, there is no indication of where to find it.
Further details
InVision doesn't create extra padding around a design unless the pop-over conversation extends beyond the browser edge (see below).
From this screenshot, InVision allows their design pins to be cut off and doesn't create padding
Zeplin creates an 80px padding around designs that is always present, even when not zoomed in (see below).
Proposal
When the user focuses a discussion in the side bar, the design should scroll to bring the pin into view. The pin design should be scrolled such that the pin is at least 20px from the browser window edge.
We will add padding around designs such that the user can scroll at least 20 pixels beyond any edge of the design when either 1) the design extends beyond the browser window or 2) the design is zoomed in.
This extra padding will allow a pin placed at the very edge of a design to always be at least 20 pixels from the browser window edge which will make pins easier to see due to the movement.