Fix responsiveness and placeholder height.

WordPress · May 28, 2021 · b04cae5 · b04cae5
1 parent 0dee2ad
commit b04cae5
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 4 deletions.
diff --git a/packages/block-library/src/legacy-widget/edit/form.js b/packages/block-library/src/legacy-widget/edit/form.js
@@ -24,6 +24,8 @@ export default function Form( {
 } ) {
 	const ref = useRef();
 
+	const isMediumLargeViewport = useViewportMatch( 'small' );
+
 	// We only want to remount the control when the instance changes
 	// *externally*. For example, if the user performs an undo. To do this, we
 	// keep track of changes made to instance by the control itself and then
@@ -70,9 +72,14 @@ export default function Form( {
 
 			control.destroy();
 		};
-	}, [ id, idBase, instance, onChangeInstance, onChangeHasPreview ] );
-
-	const isMediumLargeViewport = useViewportMatch( 'small' );
+	}, [
+		id,
+		idBase,
+		instance,
+		onChangeInstance,
+		onChangeHasPreview,
+		isMediumLargeViewport,
+	] );
 
 	if ( isWide && isMediumLargeViewport ) {
 		return (

diff --git a/packages/block-library/src/legacy-widget/editor.scss b/packages/block-library/src/legacy-widget/editor.scss
@@ -90,6 +90,7 @@
 // When wide widget is selected it opens in a popover but its container should still have a bit of height.
 .is-selected {
 	.wp-block-legacy-widget__container {
-		min-height: 30px;
+		padding: $grid-unit-10 $grid-unit-15;
+		min-height: 50px;
 	}
 }