Admin menu items unnecessarily shift around while expanding/collapsing

Created on 2 August 2023, over 1 year ago
Updated 9 August 2023, over 1 year ago

There’s some unnecessary shifting around of icons and text while the state of the nav changes between the narrow and wide states.

When changing from wide to narrow:

  • The text disappears (good)
  • The icons get horizontally centered (bad)

When changing from narrow to wide

  • The icons go back to left aligned (ok)
  • The text starts off squished and some menu items wrap. Additionally some of the submenu expand buttons wrap underneath as its opening (bad)

My thought is we could utilize the transitionend event to somehow fix this and make it less janky.

Here's a gif with the animation slowed down.

πŸ› Bug report
Status

Fixed

Version

1.0

Component

Code

Created by

πŸ‡ΊπŸ‡ΈUnited States mherchel Gainesville, FL, US

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Comments & Activities

Production build 0.71.5 2024