Tidy up class names

WordPress · Jun 3, 2020 · 6dbde96 · 6dbde96
1 parent 5268af2
commit 6dbde96
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 20 deletions.
diff --git a/packages/edit-navigation/src/components/menu-editor/block-editor-area.js b/packages/edit-navigation/src/components/menu-editor/block-editor-area.js
@@ -66,17 +66,13 @@ export default function BlockEditorArea( {
 	}, [ rootBlockId ] );
 
 	return (
-		<Card className="edit-navigation-menu-editor__block-editor-panel">
+		<Card className="edit-navigation-menu-editor__block-editor-area">
 			<CardHeader>
-				<div className="edit-navigation-menu-editor__block-editor-panel-header-text">
+				<div className="edit-navigation-menu-editor__block-editor-area-header-text">
 					{ __( 'Navigation menu' ) }
 				</div>
 
-				<Button
-					className="edit-navigation-menu-editor__block-editor-panel-action"
-					isPrimary
-					onClick={ saveBlocks }
-				>
+				<Button isPrimary onClick={ saveBlocks }>
 					{ __( 'Save navigation' ) }
 				</Button>
 			</CardHeader>
@@ -101,11 +97,7 @@ export default function BlockEditorArea( {
 			</CardBody>
 			<CardFooter>
 				<DeleteMenuButton menuId={ menuId } onDelete={ onDeleteMenu } />
-				<Button
-					className="edit-navigation-menu-editor__block-editor-panel-action"
-					isPrimary
-					onClick={ saveBlocks }
-				>
+				<Button isPrimary onClick={ saveBlocks }>
 					{ __( 'Save navigation' ) }
 				</Button>
 			</CardFooter>

diff --git a/packages/edit-navigation/src/components/menu-editor/style.scss b/packages/edit-navigation/src/components/menu-editor/style.scss
@@ -62,30 +62,24 @@
 	font-weight: bold;
 }
 
-.edit-navigation-menu-editor__block-editor-panel {
+.edit-navigation-menu-editor__block-editor-area {
 	@include break-medium {
 		// IE11 requires the column to be explicitly declared.
 		// Only shift this into the second column on desktop.
 		grid-column: 2;
 	}
 
-	// Make panels collapsible in IE. The IE analogue of align-items: self-start;.
-	-ms-grid-row-align: start;
-
 	.components-card__footer,
 	.components-card__header {
 		display: flex;
 		align-items: center;
 		justify-content: space-between;
 	}
 
-	.edit-navigation-menu-editor__block-editor-panel-header-text {
+	.edit-navigation-menu-editor__block-editor-area-header-text {
 		flex-grow: 1;
 		font-weight: bold;
 	}
-	.edit-navigation-menu-editor__action {
-		margin-left: $grid-unit-20;
-	}
 }
 
 .components-panel__header-actions {