Use correct classnames for navigation link block save output (#18926)

* Use correct classnames for navigation link block save output * Classname audit. Remove unused `__inner` classname. Rename `__link` classname to `__content` to match the block edit classnames
WordPress · Dec 6, 2019 · 2d2c368 · 2d2c368
1 parent 5e68cdc
commit 2d2c368
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/packages/block-library/src/navigation-link/edit.js b/packages/block-library/src/navigation-link/edit.js
@@ -208,7 +208,7 @@ function NavigationLinkEdit( {
 					'has-link': !! url,
 				} ) }
 			>
-				<div className="wp-block-navigation-link__inner">
+				<div>
 					<RichText
 						className="wp-block-navigation-link__content"
 						value={ label }

diff --git a/packages/block-library/src/navigation/index.php b/packages/block-library/src/navigation/index.php
@@ -79,12 +79,12 @@ function render_block_navigation( $attributes, $content, $block ) {
 function build_navigation_html( $block, $colors ) {
 	$html            = '';
 	$css_classes     = implode( ' ', $colors['css_classes'] );
-	$class_attribute = sprintf( ' class="%s"', esc_attr( ! empty( $css_classes ) ? 'wp-block-navigation-item__link ' . $css_classes : 'wp-block-navigation-item__link' ) );
+	$class_attribute = sprintf( ' class="wp-block-navigation-link__content %s"', esc_attr( trim( $css_classes ) ) );
 	$style_attribute = $colors['inline_styles'] ? sprintf( ' style="%s"', esc_attr( $colors['inline_styles'] ) ) : '';
 
 	foreach ( (array) $block['innerBlocks'] as $key => $block ) {
 
-		$html .= '<li class="wp-block-navigation-item">' .
+		$html .= '<li class="wp-block-navigation-link">' .
 			'<a' . $class_attribute . $style_attribute;
 
 		// Start appending HTML attributes to anchor tag.