EllipsisMenu: Adopt areas Editor, Settings, Tools

Author: mcsf

editor/edit-post/header/editor-actions/index.js

@@ -2,16 +2,18 @@
  * WordPress dependencies
  */
 import { MenuItemsGroup } from '@wordpress/components';
+import { __ } from '@wordpress/i18n';
 
 /**
  * Internal dependencies
  */
-import './style.scss';
 import CopyContentButton from '../copy-content-button';
 
 export default function EditorActions() {
 	return (
-		<MenuItemsGroup className="editor-actions">
+		<MenuItemsGroup className="editor-actions"
+			label={ __( 'Tools' ) }
+		>
 			<CopyContentButton />
 		</MenuItemsGroup>
 	);

editor/edit-post/header/editor-actions/style.scss

@@ -27,9 +27,10 @@ const element = (
 		renderContent={ ( { onClose } ) => (
 			<div>
 				<ModeSwitcher onSelect={ onClose } />
-				<EditorActions />
 				<div className="editor-ellipsis-menu__separator" />
 				<FixedToolbarToggle onToggle={ onClose } />
+				<div className="editor-ellipsis-menu__separator" />
+				<EditorActions />
 			</div>
 		) }
 	/>

editor/edit-post/header/ellipsis-menu/index.js

@@ -21,7 +21,7 @@ function FeatureToggle( { onToggle, active, onMobile } ) {
 	}
 	return (
 		<MenuItemsGroup
-			label={ __( 'Toolbar' ) }
+			label={ __( 'Settings' ) }
 		>
 			<MenuItemsToggle
 				label={ __( 'Fix toolbar to top' ) }