diff --git a/packages/block-library/src/page-list/editor.scss b/packages/block-library/src/page-list/editor.scss index 99b3ca55f3aa93..b02c33d59d8f5e 100644 --- a/packages/block-library/src/page-list/editor.scss +++ b/packages/block-library/src/page-list/editor.scss @@ -4,6 +4,22 @@ .wp-block-page-list { background-color: inherit; } + + // space-between justification. + &.items-justified-space-between { + .wp-block-page-list > div, + .wp-block-page-list { + display: contents; + 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 index 189b794886a163..7747055e309bb1 100644 --- a/packages/block-library/src/page-list/style.scss +++ b/packages/block-library/src/page-list/style.scss @@ -31,6 +31,7 @@ display: block; } } + .is-open .wp-block-navigation__container { .wp-block-page-list { @include break-mobile() { @@ -38,3 +39,10 @@ } } } + +// space-between justification. +.wp-block-page-list { + .items-justified-space-between & { + display: contents; + } +}