diff --git a/packages/editor/src/components/block-list/block.js b/packages/editor/src/components/block-list/block.js index 1263bbe9e40bc5..e57a221531dcc0 100644 --- a/packages/editor/src/components/block-list/block.js +++ b/packages/editor/src/components/block-list/block.js @@ -424,7 +424,7 @@ export class BlockListBlock extends Component { // Empty paragraph blocks should always show up as unselected. const showEmptyBlockSideInserter = ( isSelected || isHovered ) && isEmptyDefaultBlock && isValid; const showSideInserter = ( isSelected || isHovered ) && isEmptyDefaultBlock; - const shouldAppearSelected = ! isFocusMode && ! hasFixedToolbar && ! showSideInserter && isSelected && ! isTypingWithinBlock; + const shouldAppearSelected = ! isFocusMode && ! showSideInserter && isSelected && ! isTypingWithinBlock; const shouldAppearHovered = ! isFocusMode && ! hasFixedToolbar && isHovered && ! isEmptyDefaultBlock; // We render block movers and block settings to keep them tabbale even if hidden const shouldRenderMovers = ! isFocusMode && ( isSelected || hoverArea === 'left' ) && ! showEmptyBlockSideInserter && ! isMultiSelecting && ! isPartOfMultiSelection && ! isTypingWithinBlock; diff --git a/packages/editor/src/components/block-list/breadcrumb.js b/packages/editor/src/components/block-list/breadcrumb.js index 2699fb22811614..ca14b1d346c947 100644 --- a/packages/editor/src/components/block-list/breadcrumb.js +++ b/packages/editor/src/components/block-list/breadcrumb.js @@ -1,8 +1,3 @@ -/** - * External dependencies - */ -import classnames from 'classnames'; - /** * WordPress dependencies */ @@ -53,12 +48,10 @@ export class BlockBreadcrumb extends Component { } render() { - const { clientId, rootClientId, isLight } = this.props; + const { clientId, rootClientId } = this.props; return ( -
+
{ rootClientId && ( @@ -75,12 +68,11 @@ export class BlockBreadcrumb extends Component { export default compose( [ withSelect( ( select, ownProps ) => { - const { getBlockRootClientId, getEditorSettings } = select( 'core/editor' ); + const { getBlockRootClientId } = select( 'core/editor' ); const { clientId } = ownProps; return { rootClientId: getBlockRootClientId( clientId ), - isLight: getEditorSettings().hasFixedToolbar, }; } ), ] )( BlockBreadcrumb ); diff --git a/packages/editor/src/components/block-list/style.scss b/packages/editor/src/components/block-list/style.scss index e6787f1128204f..e7e13f8a9e06aa 100644 --- a/packages/editor/src/components/block-list/style.scss +++ b/packages/editor/src/components/block-list/style.scss @@ -908,11 +908,6 @@ } } - &.is-light .components-toolbar { - background: rgba($white, 0.5); - color: $dark-gray-700; - } - // Position the breadcrumb closer on mobile. [data-align="left"] &, [data-align="right"] & { diff --git a/packages/editor/src/components/post-title/style.scss b/packages/editor/src/components/post-title/style.scss index 3f9f7e63266ed5..71fc698dea2024 100644 --- a/packages/editor/src/components/post-title/style.scss +++ b/packages/editor/src/components/post-title/style.scss @@ -47,7 +47,7 @@ } } - &:not(.is-focus-mode):not(.has-fixed-toolbar) { + &:not(.is-focus-mode) { &.is-selected .editor-post-title__input { // use opacity to work in various editor styles border-color: $dark-opacity-light-500; @@ -56,7 +56,9 @@ border-color: $light-opacity-light-500; } } + } + &:not(.is-focus-mode):not(.has-fixed-toolbar) { .editor-post-title__input:hover { border-color: theme(outlines); }