Disable the zoom on the classic theme preview under Appearance > Design

[carolinan]

What problem does this address?

When a classic theme adds the theme support for editor-styles, a menu item called "Design" replaces the Pattern menu, and following this link shows the dark sidebar and an iframe with the site embedded.
The preview of the front of the site replaces the preview of the editor that is shown for block themes.

This preview is not interactive, links etc are not clickable and the mouse pointer does not change when you hover over it.
I am finding the zoom when you hover the frame distracting and unpleasant.
I don't think there is a need to highlight that the preview is hovered on, since there is no clicking or interaction to encourage?
The resizer should still be visible and available.

What is your proposed solution?

Check if the zoom can be disabled and if it is an improvement.

[singhakanshu00]

Hi, @carolinan

Yes we can disable the zoom,
zoom effect is being added by this attribute:

gutenberg/packages/edit-site/src/components/resizable-frame/index.js

Line 256 in 80348e7

whileHover={

we can remove or add a condition to disable it.

Please Let me know your thoughts.

[stokesman]

What disgusts me is the scaling makes it smudgy (text especially). It’s only a true preview of the front end when you aren’t hovering it. For this context, I can’t imagine an argument against disabling it.

[t-hamano]

The iframe preview of the classic theme will be released for the first time in WP 6.8, so let's add it to the 6.8 project board.