Make the OpenTable placeholder display block

Automattic · Mar 13, 2020 · 92d54be · 92d54be
1 parent eb891d7
commit 92d54be
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 1 deletion.
diff --git a/extensions/blocks/opentable/edit.js b/extensions/blocks/opentable/edit.js
@@ -222,6 +222,7 @@ function OpenTableEdit( {
 
 	const editClasses = classnames( className, {
 		[ `${ defaultClassName }-theme-${ style }` ]: ! isEmpty( rid ) && styleValues.includes( style ),
+		'is-placeholder': isEmpty( rid ),
 		'is-multi': 'multi' === getTypeAndTheme( style )[ 0 ],
 		[ `align${ align }` ]: align,
 	} );

diff --git a/extensions/blocks/opentable/editor.scss b/extensions/blocks/opentable/editor.scss
@@ -9,7 +9,8 @@
 	display: inline-block;
 	position: relative;
 
-	&-theme-wide {
+	&-theme-wide,
+	&.is-placeholder {
 		display: block;
 	}