
Overview
Lastest designs move the zoom controls and show just one viewport at a time which can be switched between desktop and mobile.
Proposed resolution
This might require exploration on how to ensure the changes to the canvas is as user friendly as possible. The designs introduce two new buttons to center and scale-to-fit.
One idea I have to make sure that when switching between viewports the currently selected component is scrolled into view to make comparing as easy as possible.
User interface changes
Comment | File | Size | Author |
---|---|---|---|
zoom_and_breakpoint_toggle.png | 90.6 KB | jessebaker |
Issue fork experience_builder-3522209
Show commands
Start within a Git clone of the project using the version control instructions.
Or, if you do not have SSH keys set up on git.drupalcode.org:
Comments
Comment #3
jessebaker CreditAttribution: jessebaker at Acquia commentedAdding https://www.drupal.org/project/experience_builder/issues/3481658 as a related issue - would be nice to get the mouse cursor centering in along with this change!
Comment #4
jessebaker CreditAttribution: jessebaker at Acquia commentedComment #5
jessebaker CreditAttribution: jessebaker at Acquia commentedComment #8
bnjmnmThis looks good and there are enough related followups happening to clean up any loose ends in MRs with a more manageable number of files changed.
Comment #9
wim leersUnpostponed #3515828-4: Zooming the canvas needs perf. improvements.
Comment #10
wim leersWhile our heads are in this space, can we efficiently tackle (title-wise related) #3473222: [test-only] Need to update the position of contextual edit component menu while zooming out/in in the canvas too?