diff --git a/editor/modes/visual-editor/block.js b/editor/modes/visual-editor/block.js index 9b97a37a172a9..788f98189ccfa 100644 --- a/editor/modes/visual-editor/block.js +++ b/editor/modes/visual-editor/block.js @@ -3,7 +3,7 @@ */ import { connect } from 'react-redux'; import classnames from 'classnames'; -import { Slot } from 'react-slot-fill'; +import { Fill, Slot } from 'react-slot-fill'; import { partial } from 'lodash'; /** @@ -237,6 +237,16 @@ class VisualEditorBlock extends wp.element.Component { mergeWithPrevious={ this.mergeWithPrevious } /> + { isSelected && + +
{ block.blockType } settings...
+ +
+ } ); /* eslint-enable jsx-a11y/no-static-element-interactions, jsx-a11y/onclick-has-role, jsx-a11y/click-events-have-key-events */ diff --git a/editor/sidebar/index.js b/editor/sidebar/index.js index 250f3985003da..8256035beb0ba 100644 --- a/editor/sidebar/index.js +++ b/editor/sidebar/index.js @@ -1,3 +1,8 @@ +/** + * External dependencies + */ +import { Slot } from 'react-slot-fill'; + /** * Internal Dependencies */ @@ -6,6 +11,12 @@ import './style.scss'; const Sidebar = () => { return (
+
+ Post → Block +
+
+ +
); }; diff --git a/editor/sidebar/style.scss b/editor/sidebar/style.scss index ca303fe10fbdc..10d79152e6864 100644 --- a/editor/sidebar/style.scss +++ b/editor/sidebar/style.scss @@ -31,3 +31,19 @@ .editor-layout.is-sidebar-opened .editor-text-editor__formatting { margin-right: $sidebar-width; } + +.editor-sidebar__header { + padding: 16px; +} + +.editor-sidebar__select-post { + font-weight: 600; + text-decoration: underline; +} + +.editor-sidebar__content { + background: $white; + border-bottom: 1px solid $light-gray-500; + border-top: 1px solid $light-gray-500; + padding: 16px; +}