diff --git a/editor/layout/style.scss b/editor/layout/style.scss index e9bd55965acc1f..f9151c06aa3dca 100644 --- a/editor/layout/style.scss +++ b/editor/layout/style.scss @@ -5,11 +5,22 @@ .editor-layout { position: relative; + + .components-notice-list { + position: fixed; + top: 100px; + right: auto; + } + + .editor-meta-boxes-iframe { + max-width: $visual-editor-max-width; + margin: 10px auto 0; + padding: 10px 0; + border-top: 1px solid $light-gray-500; + } } .editor-layout__content { - display: flex; - flex-direction: column; margin-top: #{ -1 * $header-height }; @include break-medium { @@ -21,9 +32,3 @@ flex-basis: 100%; overflow-y: auto; } - -.editor-layout .components-notice-list { - position: fixed; - top: 100px; - right: auto; -} diff --git a/editor/meta-boxes/index.js b/editor/meta-boxes/index.js index 213ec43bbdc266..27ecd5e3eb1c6f 100644 --- a/editor/meta-boxes/index.js +++ b/editor/meta-boxes/index.js @@ -10,11 +10,15 @@ import MetaBoxesIframe from './meta-boxes-iframe'; import MetaBoxesPanel from './meta-boxes-panel'; import { getMetaBox } from '../selectors'; -function MetaBox( { location, isActive } ) { +function MetaBox( { location, isActive, usePanel = false } ) { if ( ! isActive ) { return null; } + if ( ! usePanel ) { + return ; + } + return ( diff --git a/editor/modes/visual-editor/style.scss b/editor/modes/visual-editor/style.scss index 7015c388946755..f8fc9ffe2c28b4 100644 --- a/editor/modes/visual-editor/style.scss +++ b/editor/modes/visual-editor/style.scss @@ -2,7 +2,7 @@ position: relative; height: 100%; margin: 0 auto; - padding: 50px 0; // Floating up/down arrows invisible + padding: 50px 0 0; // Floating up/down arrows invisible &, & p { @@ -12,11 +12,11 @@ } @include break-small() { - padding: 50px 0; + padding: 50px 0 0; } @include break-large() { - padding: 60px 0; + padding: 60px 0 0; } } diff --git a/editor/sidebar/post-settings/index.js b/editor/sidebar/post-settings/index.js index b70e263583bb42..71a6aad75406e2 100644 --- a/editor/sidebar/post-settings/index.js +++ b/editor/sidebar/post-settings/index.js @@ -27,7 +27,7 @@ const panel = ( - + );