Skip to content

Commit

Permalink
Placeholder: Fix hover style.
Browse files Browse the repository at this point in the history
  • Loading branch information
jasmussen committed Oct 5, 2022
1 parent 410f454 commit a935a43
Show file tree
Hide file tree
Showing 2 changed files with 14 additions and 2 deletions.
13 changes: 11 additions & 2 deletions packages/block-editor/src/components/block-list/style.scss
Original file line number Diff line number Diff line change
Expand Up @@ -264,8 +264,17 @@
.is-outline-mode .block-editor-block-list__block:not(.remove-outline) {
&.is-hovered {
cursor: default;
box-shadow: inset 0 0 0 $border-width var(--wp-admin-theme-color);
border-radius: $radius-block-ui;

&::after {
content: "";
position: absolute;
top: $border-width;
left: $border-width;
right: $border-width;
bottom: $border-width;
box-shadow: 0 0 0 $border-width var(--wp-admin-theme-color);
border-radius: $radius-block-ui - $border-width;
}
}

&.is-selected {
Expand Down
3 changes: 3 additions & 0 deletions packages/components/src/placeholder/style.scss
Original file line number Diff line number Diff line change
Expand Up @@ -182,6 +182,9 @@
backdrop-filter: blur(100px);
background-color: transparent;

// This appears to fix an occasional Chrome bug where the blurred background would have an incorrect color.
backface-visibility: hidden;

// Invert the colors in themes deemed dark.
.is-dark-theme & {
background-color: rgba($black, 0.1);
Expand Down

0 comments on commit a935a43

Please sign in to comment.