Skip to content
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

Smoothen Omnibar fadeout #5681

Merged
merged 1 commit into from
Oct 19, 2022
Merged

Conversation

henrywarhurst
Copy link
Contributor

@henrywarhurst henrywarhurst commented Oct 19, 2022

Fixes #5419

Checklist

  • Includes tests
  • Update documentation

Changes proposed in this pull request:

It has always bothered me the way the Omnibar hiccups when it fades out before disappearing from screen. I always thought it was some slow reflow issue, but it's actually just because we don't fade down to 0 opacity. I've changed that behaviour here and think it looks and feels better.

Reviewers should focus on:

N/A

Screenshot

It's difficult to see the difference between before/after on these screen recordings, but is fairly tangible when interacting with the component "in real life".

before

Oct-19-2022.14-45-45.mp4

after

Oct-19-2022.14-45-59.mp4

@blueprint-bot
Copy link

Smoothen Omnibar fadeout

Previews: documentation | landing | table | demo

@henrywarhurst henrywarhurst force-pushed the hwarhurst/omnibar-smoother-fade-out branch from b6e296c to 6caa2df Compare October 19, 2022 12:49
@blueprint-bot
Copy link

Smoothen Omnibar fadeout

Previews: documentation | landing | table | demo

@henrywarhurst henrywarhurst merged commit 3bb00cf into develop Oct 19, 2022
@henrywarhurst henrywarhurst deleted the hwarhurst/omnibar-smoother-fade-out branch October 19, 2022 13:53
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

During it's exit transition, Omnibar is still visible when it disappears against dark background
3 participants