diff --git a/packages/block-library/src/navigation/edit/index.js b/packages/block-library/src/navigation/edit/index.js index a009ba94ce297..8240065d07f69 100644 --- a/packages/block-library/src/navigation/edit/index.js +++ b/packages/block-library/src/navigation/edit/index.js @@ -103,7 +103,6 @@ function Navigation( { customAppender: CustomAppender = null, } ) { const { - itemsJustification, openSubmenusOnClick, overlayMenu, showSubmenuIcon, @@ -197,8 +196,6 @@ function Navigation( { const blockProps = useBlockProps( { ref: navRef, className: classnames( className, { - [ `items-justified-${ attributes.itemsJustification }` ]: itemsJustification, - 'is-vertical': orientation === 'vertical', 'items-justified-right': justifyContent === 'right', 'items-justified-space-between': justifyContent === 'space-between', 'is-responsive': 'never' !== overlayMenu, diff --git a/packages/block-library/src/navigation/editor.scss b/packages/block-library/src/navigation/editor.scss index ed5c91fca3db5..489c028542b50 100644 --- a/packages/block-library/src/navigation/editor.scss +++ b/packages/block-library/src/navigation/editor.scss @@ -282,7 +282,6 @@ $color-control-label-height: 20px; } // Hide entirely when vertical. - .is-vertical.is-selected &, .wp-block-navigation.is-selected .is-small &, .wp-block-navigation.is-selected .is-medium & { display: none; @@ -320,19 +319,12 @@ $color-control-label-height: 20px; // Show stacked for the vertical navigation, or small placeholders. .is-small &, - .is-medium &, - .is-vertical & { + .is-medium & { .wp-block-navigation-placeholder__actions { flex-direction: column; } } - // Both selected and vertical. - .is-selected.is-vertical & { - display: inline-flex; // This makes the white box not take up all available space. - padding: $grid-unit-15; - } - .wp-block-navigation-placeholder__icon { margin-right: $grid-unit-15; height: $button-size; // Prevents jumpiness. @@ -353,11 +345,6 @@ $color-control-label-height: 20px; margin-right: $grid-unit-05; } - .is-vertical & { - margin-bottom: $grid-unit-05; - margin-left: 0; - } - // Show only in big placeholders. display: none; .is-large & { @@ -366,21 +353,6 @@ $color-control-label-height: 20px; } } -// When block is vertical. -.is-vertical .wp-block-navigation-placeholder, -.is-vertical .wp-block-navigation-placeholder__preview, -.is-vertical .wp-block-navigation-placeholder__controls { - min-height: - $icon-size + - ( $grid-unit-20 + $grid-unit-05 + $grid-unit-15 + $grid-unit-15 ) * 3; -} - -.is-vertical .wp-block-navigation-placeholder__preview, -.is-vertical .wp-block-navigation-placeholder__controls { - flex-direction: column; - align-items: flex-start; -} - .wp-block-navigation-placeholder__actions { display: flex; font-size: $default-font-size;