Make actions bar sticky

WordPress · May 2, 2023 · 3c45700 · 3c45700
1 parent 4126ec0
commit 3c45700
Showing 1 changed file with 15 additions and 0 deletions.
diff --git a/packages/edit-site/src/components/start-template-options/style.scss b/packages/edit-site/src/components/start-template-options/style.scss
@@ -1,13 +1,28 @@
 .edit-site-start-template-options__modal {
+	.components-modal__content {
+		padding-bottom: 0;
+	}
+
 	.components-modal__children-container {
 		display: flex;
 		height: 100%;
 		flex-direction: column;
 
 		.edit-site-start-template-options__modal__actions {
 			margin-top: auto;
+			position: sticky;
+			bottom: 0;
+			background-color: $white;
+			margin-left: - $grid-unit-40;
+			margin-right: - $grid-unit-40;
+			padding: $grid-unit-30 $grid-unit-40 $grid-unit-40;
+			border-top: 1px solid $gray-300;
 		}
 	}
+
+	.block-editor-block-patterns-list {
+		padding-bottom: $grid-unit-40;
+	}
 }
 
 .edit-site-start-template-options__modal-content .block-editor-block-patterns-list {