[not verified] Eventbrite and OpenTable Blocks: Fix block preview siz…

…ing with… (#14553) * Eventbrite and OpenTable Blocks: Fix block preview sizing with Gutenberg 7.3 * Adds comment for explanation
Automattic · Feb 10, 2020 · c90af25 · c90af25
1 parent acaf378
commit c90af25
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 2 deletions.
diff --git a/extensions/blocks/eventbrite/editor.scss b/extensions/blocks/eventbrite/editor.scss
@@ -19,7 +19,11 @@
 	}
 }
 
-.block-editor-block-preview__content [data-type='jetpack/eventbrite'] div[data-block] {
+// Display "table" is used because the button container should only wrap the content and not take the full width.
+// Both selector rules needed because the block wrapper used in Gutenberg was removed in v7.3
+// @link https://github.com/WordPress/gutenberg/pull/19593
+.block-editor-block-preview__content [data-type='jetpack/eventbrite'] [data-block],
+.block-editor-block-preview__content [data-type='jetpack/eventbrite'][data-block] {
 	display: table;
 }
 

diff --git a/extensions/blocks/opentable/editor.scss b/extensions/blocks/opentable/editor.scss
@@ -110,6 +110,10 @@
 	}
 }
 
-.block-editor-block-preview__content [data-type='jetpack/opentable'] div[data-block] {
+// Display "table" is used because the preview container should only wrap the content and not take the full width.
+// Both selector rules needed because the block wrapper used in Gutenberg was removed in v7.3
+// @link https://github.com/WordPress/gutenberg/pull/19593
+.block-editor-block-preview__content [data-type='jetpack/opentable'] [data-block],
+.block-editor-block-preview__content [data-type='jetpack/opentable'][data-block] {
 	display: table;
 }