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

Site Editor: Navigation Sidebar Sliding Animation #26119

Closed
Copons opened this issue Oct 14, 2020 · 0 comments · Fixed by #26158
Closed

Site Editor: Navigation Sidebar Sliding Animation #26119

Copons opened this issue Oct 14, 2020 · 0 comments · Fixed by #26158
Assignees
Labels
[Type] Enhancement A suggestion for improvement.

Comments

@Copons
Copy link
Contributor

Copons commented Oct 14, 2020

Currently, when the Site Editor's navigation sidebar slides in, the rest of the content immediately repositions instead of sliding along with the sidebar:

The sidebar and the content should both animate and at the same time.


For reference, the sidebar slide is composed by two different animations:

  • The sidebar itself transitions from transform: translateX(-100%) to transform: translateX(0).
  • The toggle button transitions from width: 60px (size of the WP/site icon) to width: 300px (size of the sidebar), after a brief delay to sync it with the sidebar animation.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
[Type] Enhancement A suggestion for improvement.
Projects
None yet
Development

Successfully merging a pull request may close this issue.

2 participants