-
Notifications
You must be signed in to change notification settings - Fork 4.6k
Document Settings: Fix document title hover and select animations #25719
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Conversation
|
Size Change: +6.33 kB (0%) Total Size: 1.18 MB
ℹ️ View Unchanged
|
3131529 to
13e65ef
Compare
I think this would be good to think about in a follow-up. I don't know what we expect to happen design-wise |
|
Ok, wow, this is way better than it was before! Nice job. Two thoughts:
|
|
Another note is that we should include the reduce-motion mixin |
Addison-Stavlo
left a comment
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
|
1. Should the main text be bold when it's the only item in the header?
See Addison's comment below . Adding in the boldness now. 2. Should there be a slight transition when the text changes to bold? I think the designs might include that Side Note: |
I love that this exists. 🚀 Great callout Noah. |
From the mock ups shared (#25348 (comment)) it looks like it should be bold when it is the only item.
Ah, interesting!
Yeah, that top bar breaks easily when it overflows. Hopefully getting rid of that double dropdown in the near future will help. But we may still need to consider what to do about excessively long names. Maybe a max-width for the element and either let it overflow or cut off the overflow? 🤔 Either way, thats outside of this PR. |
🤦♂️ Y'all are totally right. Don't know why I didn't see that. I'm switching it now! |
|
I'll make a follow up issue for the width of characters. Interesting about the font weight transition! Avoiding it makes sense to me. |
noahtallen
left a comment
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
This is working very well for me. Let's ship it! ![]()
|
I guess we should rebase on master first though :) |
|
should we base these off master / merge to that? I see this is still opened against the hover PR which is still in ???s (hopefully g2g soon) |
Here: #25783 |





Description
The hover and select animation for document title can be improved in a few ways as identified by the design team:
We are using these updates as an opportunity to refactor the technical implementation to improve animation performance.
Ideally, the animations would look like this.
Here's the same animation slowed down to help see the transitions:
How has this been tested?
a. Execute
npx wp-env startin the terminalb. Execute
npm run devin the terminaladminand the passwordpassword.a. Click on Appearance < Themes in the sidebar and activate the seedlet blocks theme
b. Click on Gutenberg < Experiments in the sidebar and check the Full Site Editing Feature
Screenshots
Before
After
Types of changes
Fixes #25545
Checklist: