[Pattern Setup]: Fix full heights during transition. (#46615)

WordPress · Dec 16, 2022 · 76aa4bb · 76aa4bb · github-actions · Dec 16, 2022
1 parent 89998fd
commit 76aa4bb
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/packages/block-editor/src/components/block-pattern-setup/style.scss b/packages/block-editor/src/components/block-pattern-setup/style.scss
@@ -6,7 +6,6 @@
 	width: 100%;
 	border-radius: $radius-block-ui;
 
-	// TODO change to check parent.
 	&.view-mode-grid {
 		.block-editor-block-pattern-setup__toolbar {
 			justify-content: center;
@@ -84,13 +83,15 @@
 		display: flex;
 		flex-direction: column;
 		width: 100%;
+		height: 100%;
 		box-sizing: border-box;
 
 		.carousel-container {
 			overflow: hidden;
 			position: relative;
 			padding: 0;
 			margin: 0;
+			height: 100%;
 			list-style: none;
 			transform-style: preserve-3d;
 			* {
@@ -100,6 +101,8 @@
 				position: absolute;
 				top: 0;
 				width: 100%;
+				height: 100%;
+				background-color: $white;
 				margin: auto;
 				padding: 0;
 				transition: transform 0.5s, z-index 0.5s;