Try moving level tooltips above buttons instead.

WordPress · Jul 4, 2020 · c3ff2fc · c3ff2fc
1 parent e2dddd9
commit c3ff2fc
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 1 deletion.
diff --git a/packages/block-library/src/heading/editor.scss b/packages/block-library/src/heading/editor.scss
@@ -22,7 +22,12 @@
 }
 
 .block-library-heading__heading-level-dropdown__help {
-	margin: $grid-unit-20;
+	margin-left: $grid-unit-20;
+	margin-right: $grid-unit-20;
+
+	// Override default paragraph margin to optically balance spacing between it
+	// and the toolbar above.
+	margin-top: 0;
 }
 
 .block-library-heading__heading-level-warning {

diff --git a/packages/block-library/src/heading/heading-level-dropdown.js b/packages/block-library/src/heading/heading-level-dropdown.js
@@ -120,6 +120,9 @@ export default function HeadingLevelDropdown( {
 												__( 'Heading %d' ),
 												targetLevel
 										  ),
+									// Move tooltips above buttons so they don't overlap
+									// the help text below.
+									tooltipPosition: 'top',
 									isActive,
 									onClick() {
 										onChange( targetLevel );