Improve and simplify reusable block styles #18903
Merged
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Description
(Currently includes / blocked by #18902.)#18902 is now merged and has been removed from this PR.Inspired by changes in #18105 and #18862 to reduce the UI weight of unselected blocks, I made this PR to simplify and improve the reusable block styles. I've made the following changes:
<ReusableBlockIndicator />
). Showing these indicators goes against the general idea of unselected blocks looking like the front-end, and they weren't very useful in the first place, in my opinion. You could hover the indicator to see the reusable block title, but this is a rather hidden aspect that I didn't even know about until making this PR, and it is easier to just select the block if you want to see its title. Additionally, it seems weird to keep the indicators now that the hover labels have been removed.I've considered changing reusable blocks to use solid outlines like every other block, but I'm not entirely sure about that change yet, so I'll leave it for another PR.
Screenshots
Note that when I took these screenshots, #18901 was not fixed in
master
, but it was in this branch. That's why the reusable blocks are taller in the "before" screenshots.Unselected
Before:
After:
Selected (select tool)
Before:
After:
Selected (edit tool)
Before:
After (unchanged except for #18901 being fixed):
Checklist: