Adding a maximum height to the preview of the long blocks (WordPress#…

…24493)
mateuswetah · Aug 26, 2020 · 7ee1c04 · 7ee1c04
1 parent 6129e72
commit 7ee1c04
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 0 deletions.
diff --git a/packages/block-editor/src/components/block-styles/style.scss b/packages/block-editor/src/components/block-styles/style.scss
@@ -48,6 +48,7 @@
 	align-items: center;
 	flex-grow: 1;
 	min-height: 80px;
+	max-height: 160px;
 }
 
 .block-editor-block-switcher__styles__menugroup {

diff --git a/packages/block-editor/src/components/inserter/style.scss b/packages/block-editor/src/components/inserter/style.scss
@@ -224,6 +224,8 @@ $block-inserter-tabs-height: 44px;
 	position: absolute;
 	top: $grid-unit-20;
 	left: calc(100% + #{$grid-unit-20});
+	max-height: calc(100% - #{$grid-unit-40});
+	overflow-y: hidden;
 
 	@include break-medium {
 		display: block;