Try: Allow space between on page list.

WordPress · Mar 15, 2021 · ee89990 · ee89990
1 parent 89af288
commit ee89990
Show file tree

Hide file tree

Showing 2 changed files with 24 additions and 0 deletions.
diff --git a/packages/block-library/src/page-list/editor.scss b/packages/block-library/src/page-list/editor.scss
@@ -4,13 +4,29 @@
 	.wp-block-page-list {
 		background-color: inherit;
 	}
+
 	// Make the dropdown background white if there's no background color set.
 	&:not(.has-background) {
 		.submenu-container {
 			color: $gray-900;
 			background-color: $white;
 		}
 	}
+
+	// space-between justification.
+	&.items-justified-space-between {
+		.wp-block-page-list > div,
+		.wp-block-page-list {
+			flex: 1;
+		}
+
+		&.has-child-selected .wp-block-page-list > div,
+		&.has-child-selected .wp-block-page-list,
+		&.is-selected .wp-block-page-list > div,
+		&.is-selected .wp-block-page-list {
+			flex: inherit;
+		}
+	}
 }
 
 // Make links unclickable in the editor

diff --git a/packages/block-library/src/page-list/style.scss b/packages/block-library/src/page-list/style.scss
@@ -19,6 +19,7 @@
 		display: flex;
 		flex-wrap: wrap;
 	}
+
 	.wp-block-pages-list__item__link {
 		display: block;
 		color: inherit;
@@ -101,3 +102,10 @@
 		display: block;
 	}
 }
+
+// space-between justification.
+.wp-block-page-list {
+	.items-justified-space-between & {
+		display: contents;
+	}
+}