Join GitHub today
GitHub is home to over 28 million developers working together to host and review code, manage projects, and build software together.Sign up
Add a delay to the block type label on hover #9197
(Note: This is an alternate to #8836. It includes the block label hover delay but does not change the blue outline.)
Currently, if you move your mouse around a Gutenberg document, each block will quickly present you with a dark blue outline and text label:
As noted in #8524, this can get jarring when you're just casually moving your mouse around the document. Additionally, I've wondered if that text label is a case of Gutenberg going to a little too far to answer a question the user hasn’t asked yet: "What type of block is this?"
Small, prominent UI elements like these contribute to an overall "heaviness" in the UI of Gutenberg. Especially when they're repeated on every block — these bits of UI add up quickly.
This branch adds a slight delay to the breadcrumb. This accomplishes a few things:
It does that without sacrificing discoverability of the label — the delay is short enough that the user is likely to trigger it during normal usage. They'll still know it exists.
How has this been tested?
Mac OS 10.13.6, in Chrome 68.0.3440.106 + Firefox 61.0.2
referenced this pull request
Aug 21, 2018
This was referenced
Aug 21, 2018
This seems a good one for noise reduction.
I know the gif rendering is not ideal, but also seeing this I'm wondering if we should get away from the delay entirely. Fade in/outs are nice, but in certain contexts might introduce a feeling of "sluggishness" that is subtle but perceivable. What if we reduce the animation time or remove it entirely? Would it feel more snappy?
I totally might be missing something but isn't adding the delay the entire point of this PR?