From b5074b0bfa98be65b190187065cf2862bbf7aed2 Mon Sep 17 00:00:00 2001 From: jasmussen Date: Fri, 12 Nov 2021 13:11:37 +0100 Subject: [PATCH 1/3] Navigation: Fix space-between --- packages/block-library/src/navigation/style.scss | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/packages/block-library/src/navigation/style.scss b/packages/block-library/src/navigation/style.scss index ab851f6b2983fa..20efbeca717cdc 100644 --- a/packages/block-library/src/navigation/style.scss +++ b/packages/block-library/src/navigation/style.scss @@ -323,8 +323,14 @@ .is-responsive { display: none; } + + // Horizontal layout + .items-justified-space-between & { + flex-grow: 1; + } } + /** * Mobile menu. */ From a8300aba7c487dc3c6c6e6945648d439bdbe98ac Mon Sep 17 00:00:00 2001 From: jasmussen Date: Tue, 16 Nov 2021 10:30:06 +0100 Subject: [PATCH 2/3] Apply to page list. --- packages/block-library/src/navigation/style.scss | 7 +++++-- 1 file changed, 5 insertions(+), 2 deletions(-) diff --git a/packages/block-library/src/navigation/style.scss b/packages/block-library/src/navigation/style.scss index 20efbeca717cdc..7a73d79969a9f6 100644 --- a/packages/block-library/src/navigation/style.scss +++ b/packages/block-library/src/navigation/style.scss @@ -323,9 +323,12 @@ .is-responsive { display: none; } +} - // Horizontal layout - .items-justified-space-between & { +// Allow the container to grow when space-between is applied. +.items-justified-space-between { + .wp-block-navigation__container, + .wp-block-page-list { flex-grow: 1; } } From 6aeb8cff1bb9dd5e1315aada1f03cafe5c3a43b6 Mon Sep 17 00:00:00 2001 From: jasmussen Date: Wed, 17 Nov 2021 09:21:36 +0100 Subject: [PATCH 3/3] Try only child. --- packages/block-library/src/navigation/style.scss | 10 ++++------ 1 file changed, 4 insertions(+), 6 deletions(-) diff --git a/packages/block-library/src/navigation/style.scss b/packages/block-library/src/navigation/style.scss index 7a73d79969a9f6..a7669632d917a9 100644 --- a/packages/block-library/src/navigation/style.scss +++ b/packages/block-library/src/navigation/style.scss @@ -325,12 +325,10 @@ } } -// Allow the container to grow when space-between is applied. -.items-justified-space-between { - .wp-block-navigation__container, - .wp-block-page-list { - flex-grow: 1; - } +// Allow menu items to be spaced out by space-between when only navigation links are present. +.wp-block-navigation__container:only-child, +.wp-block-page-list:only-child { + flex-grow: 1; }