From c90af2524e20baf8bc89ae442363b5dbf66d26b0 Mon Sep 17 00:00:00 2001 From: Grant Kinney Date: Mon, 10 Feb 2020 10:50:48 -0600 Subject: [PATCH] =?UTF-8?q?[not=20verified]=20Eventbrite=20and=20OpenTable?= =?UTF-8?q?=20Blocks:=20Fix=20block=20preview=20sizing=20with=E2=80=A6=20(?= =?UTF-8?q?#14553)?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit * Eventbrite and OpenTable Blocks: Fix block preview sizing with Gutenberg 7.3 * Adds comment for explanation --- extensions/blocks/eventbrite/editor.scss | 6 +++++- extensions/blocks/opentable/editor.scss | 6 +++++- 2 files changed, 10 insertions(+), 2 deletions(-) diff --git a/extensions/blocks/eventbrite/editor.scss b/extensions/blocks/eventbrite/editor.scss index d9d48c34da078..91089f3dcb600 100644 --- 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 index 30ee030a71d49..6b5f5b63caaea 100644 --- 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; }