Always preview style variations using desktop device type#66023
Always preview style variations using desktop device type#66023
Conversation
|
The following accounts have interacted with this PR and/or linked issues. I will continue to update these lists as activity occurs. You can also manually ask me to refresh this list by adding the If you're merging code through a pull request on GitHub, copy and paste the following into the bottom of the merge commit message. To understand the WordPress project's expectations around crediting contributors, please review the Contributor Attribution page in the Core Handbook. |
|
Size Change: +19 B (0%) Total Size: 1.77 MB
ℹ️ View Unchanged
|
packages/edit-site/src/components/global-styles/screen-style-variations.js
Outdated
Show resolved
Hide resolved
getdave
left a comment
There was a problem hiding this comment.
Tested and works as described plus it seem logical.
|
Flaky tests detected in f941d61. 🔍 Workflow run URL: https://github.com/WordPress/gutenberg/actions/runs/11290723518
|
* always preview style variations using desktop device type * Improve comment --------- Co-authored-by: draganescu <[email protected]> Co-authored-by: getdave <[email protected]> Co-authored-by: ramonjd <[email protected]> Co-authored-by: richtabor <[email protected]> Co-authored-by: juanfra <[email protected]>
|
I just cherry-picked this PR to the wp/6.7 branch to get it included in the next release: 1ae3f5f |
* always preview style variations using desktop device type * Improve comment --------- Co-authored-by: draganescu <[email protected]> Co-authored-by: getdave <[email protected]> Co-authored-by: ramonjd <[email protected]> Co-authored-by: richtabor <[email protected]> Co-authored-by: juanfra <[email protected]>
…66023) * always preview style variations using desktop device type * Improve comment --------- Co-authored-by: draganescu <[email protected]> Co-authored-by: getdave <[email protected]> Co-authored-by: ramonjd <[email protected]> Co-authored-by: richtabor <[email protected]> Co-authored-by: juanfra <[email protected]>

What?
Closes #65991
Fixes the style variations preview when a device type is set, whcih currently zooms out the preview of small viewports.
Why?
The device viewports are already small, scaling them out results in an unuseable UI.
How?
Reset the device type when browse styles is invoked and the variation route is loaded. Always use the desktop device type to preview style variations.
Testing Instructions
Testing Instructions for Keyboard
Screenshots or screencast
reset-device-type-browse-styles.mp4