Skip to content

Commit

Permalink
Block Inserter: Correctly apply style to the default inserter (#47166)
Browse files Browse the repository at this point in the history 
* Block Inserter: Correctly apply style to the default inserter

* Update changelog
  • Loading branch information
@t-hamano
t-hamano authored Jan 16, 2023
1 parent aab71ed commit af82d1d
Show file tree
Hide file tree
Showing 3 changed files with 19 additions and 1 deletion.
1 change: 1 addition & 0 deletions packages/block-editor/CHANGELOG.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -6,6 +6,7 @@

- `BlockInspector`: Fix browser warning error when block is not selected ([#46875](https://github.com/WordPress/gutenberg/pull/46875)).
- Move component styles needed for iframes to content styles ([#47103](https://github.com/WordPress/gutenberg/pull/47103)).
- Block Inserter: Correctly apply style to the default inserter ([#47166](https://github.com/WordPress/gutenberg/pull/47166)).

## 11.1.0 (2023-01-02)

Expand Down
1 change: 0 additions & 1 deletion packages/block-editor/src/components/block-tools/style.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -59,7 +59,6 @@

// Sibling inserter / "inbetweenserter".
.block-editor-block-list__empty-block-inserter,
.block-editor-default-block-appender,
.block-editor-block-list__insertion-point-inserter {
.block-editor-inserter__toggle.components-button.has-icon {
// Basic look
Expand Down
18 changes: 18 additions & 0 deletions packages/block-editor/src/components/default-block-appender/content.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -30,6 +30,23 @@
.components-drop-zone__content-icon {
display: none;
}

.block-editor-inserter__toggle.components-button.has-icon {
// Basic look
background: $gray-900;
border-radius: $radius-block-ui;
color: $white;
padding: 0;

// Special dimensions for this button.
min-width: $button-size-small;
height: $button-size-small;

&:hover {
color: $white;
background: var(--wp-admin-theme-color);
}
}
}

// The black plus that shows up on the right side of an empty paragraph block, or the initial appender
Expand Down Expand Up @@ -78,6 +95,7 @@
box-shadow: none;
height: $button-size-small;
width: $button-size-small;
min-width: $button-size-small;

// Hide by default, then we unhide it when the selected block is a direct ancestor.
display: none;
Expand Down

1 comment on commit af82d1d

@github-actions
Copy link

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Flaky tests detected in af82d1d.
Some tests passed with failed attempts. The failures may not be related to this commit but are still reported for visibility. See the documentation for more information.

🔍 Workflow run URL: https://github.com/WordPress/gutenberg/actions/runs/3930403286
📝 Reported issues:

Please sign in to comment.