better styling for edit button

WordPress · Dec 14, 2023 · 139d7cb · 139d7cb
1 parent f08dc10
commit 139d7cb
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 0 deletions.
diff --git a/packages/block-library/src/navigation/edit/edit-overlay-button.js b/packages/block-library/src/navigation/edit/edit-overlay-button.js
@@ -123,6 +123,7 @@ export default function EditOverlayButton( { navRef } ) {
 		<Button
 			aria-label={ __( 'Edit Overlay' ) }
 			variant="link"
+			className="wp-block-navigation__edit-overlay-button"
 			onClick={ handleEditOverlay }
 		>
 			{ __( 'Edit' ) }

diff --git a/packages/block-library/src/navigation/editor.scss b/packages/block-library/src/navigation/editor.scss
@@ -193,6 +193,15 @@ $color-control-label-height: 20px;
 	}
 }
 
+// Overlay UI controls
+.wp-block-navigation__edit-overlay-button {
+	text-transform: uppercase;
+	font-size: 11px;
+	&.is-link {
+		text-decoration: none;
+	}
+}
+
 // Override inner padding on default appender.
 // This should be a temporary fix, to be replaced by improvements to
 // the sibling inserter. Or by the dropdown appender that is used in Group, instead of the "Button block appender".