Disable device preview options in the block editor

In a recent update to WordPress, the following responsive device preview system was added to the Block Editor:

Easy to hide them via:

.block-editor-post-preview__button-resize {
    display: none;
}

But, how can we disable this feature so when you click on the preview button, it opens up a front-end preview of the post on a new tab. Just as it used to be.

Topic block-editor previews Wordpress

Category Web

1
answered at

Still no way to disable them from what I can see, but the CSS you gave didn't do what I wanted, so I used this:

.edit-post-post-preview-dropdown .components-menu-group:first-child {
    display: none;
}

This just keeps the 'Preview in new tab' option.

About

Geeks Mental is a community that publishes articles and tutorials about Web, Android, Data Science, new techniques and Linux security.