Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

wpcom block editor: hide new Gutenberg preview button #40388

Merged
merged 5 commits into from
Mar 24, 2020
+22 −0
Merged

wpcom block editor: hide new Gutenberg preview button #40388

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
5 commits
Select commit Hold shift + click to select a range
e9c3a62
wpcom block editor: hide new Gutenberg preview button
simison Mar 24, 2020
d7972bd
Import new file via editor.scss
simison Mar 24, 2020
9a71896
Move to calypso folder
simison Mar 24, 2020
74bd711
Remove leftover css file
simison Mar 24, 2020
073c7aa
Add docs'n'links
simison Mar 24, 2020
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
4 changes: 4 additions & 0 deletions apps/wpcom-block-editor/src/calypso/editor.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1 +1,5 @@
@import './features/iframe-bridge-server';

// Temporary load this here too to get it work on Atomic sites at least via Calypso
// Will be moved to wpcom folder unless fixed otherwise
@import './features/legacy-preview-button';
18 changes: 18 additions & 0 deletions apps/wpcom-block-editor/src/calypso/features/legacy-preview-button.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,18 @@
/**
* Enforces simple preview button to be always visible and hide more complex preview that was introduced in Gutenberg 7.7
*
* Doesn't affect editors older than 7.7
*
* This can be removed once we support scaling down CSS to the new preview
* @link https://github.com/Automattic/wp-calypso/issues/40401
*/
@media ( min-width: 600px ) {
// Normally visible on mobile only, make it always visible
.editor-post-preview {
display: inline-flex;
}
// Normally visible on desktops, make it always hidden
.editor-post-preview__dropdown {
display: none;
}
}