From 5524834d65b5e411c4e0fdff2dc5cb68900a010e Mon Sep 17 00:00:00 2001 From: Fabian Todt Date: Thu, 4 Jun 2020 17:10:00 +0200 Subject: [PATCH 1/2] Adds a heading to the block inserters tips (#22863) --- packages/block-editor/src/components/inserter/menu.js | 7 ++++++- 1 file changed, 6 insertions(+), 1 deletion(-) diff --git a/packages/block-editor/src/components/inserter/menu.js b/packages/block-editor/src/components/inserter/menu.js index 0393f7ec40716..5b83117366fea 100644 --- a/packages/block-editor/src/components/inserter/menu.js +++ b/packages/block-editor/src/components/inserter/menu.js @@ -8,7 +8,7 @@ import { includes } from 'lodash'; */ import { useState } from '@wordpress/element'; import { LEFT, RIGHT, UP, DOWN, BACKSPACE, ENTER } from '@wordpress/keycodes'; -import { TabPanel } from '@wordpress/components'; +import { TabPanel, VisuallyHidden } from '@wordpress/components'; import { __ } from '@wordpress/i18n'; import { useSelect } from '@wordpress/data'; @@ -92,6 +92,11 @@ function InserterMenu( { { showInserterHelpPanel && (
+ +

+ { __( 'Tips for using the block editor:' ) } +

+
) } From 0c20597e3a7111bd478e7a3af96639e8428482c1 Mon Sep 17 00:00:00 2001 From: Fabian Todt Date: Fri, 5 Jun 2020 08:18:26 +0200 Subject: [PATCH 2/2] render visuallyhidden as h2 and adapt heading text --- packages/block-editor/src/components/inserter/menu.js | 6 ++---- 1 file changed, 2 insertions(+), 4 deletions(-) diff --git a/packages/block-editor/src/components/inserter/menu.js b/packages/block-editor/src/components/inserter/menu.js index 5b83117366fea..fc927cf946d9c 100644 --- a/packages/block-editor/src/components/inserter/menu.js +++ b/packages/block-editor/src/components/inserter/menu.js @@ -92,10 +92,8 @@ function InserterMenu( { { showInserterHelpPanel && (
- -

- { __( 'Tips for using the block editor:' ) } -

+ + { __( 'A tip for using the block editor' ) }