Make WordPress Core

Opened 11 months ago

Last modified 3 months ago

#58335 new defect (bug)

WordPress Dashboard Collapse Menu Transition issue.

Reported by: shuvo52's profile shuvo52 Owned by:
Milestone: Awaiting Review Priority: low
Severity: normal Version: 5.2
Component: Administration Keywords: needs-patch has-screenshots
Focuses: ui, css Cc:

Description

Hi
When I collapse the menu it's showing awkward.
See the video: https://d.pr/v/34K9H4
I think this issue should be fixed as soon as possible.
Regards

Change History (4)

#1 @sabernhardt
11 months ago

  • Component changed from General to Administration
  • Focuses accessibility removed
  • Version changed from trunk to 5.2

Thanks for the report!

The icon dimensions have a discrepancy between the expanded and collapsed states. The expanded link's height increased by 0.2 pixels in [45186], and the width had a 1-pixel difference before then. This is more noticeable on the About pages than any page where you would find an open submenu on the side (because expanding a submenu is a bigger difference).

  • When the menu is collapsed (or "folded"), the icon is in a 35px by 30px container within a 36px by 34px link.
  • When the text shows, the icon's container is 36px by 34px, and the text size makes the link 160px by 34.2px (14px times 1.3 line-height plus 8px padding on the top and bottom).

This ticket was mentioned in Slack in #core-test by ironprogrammer. View the logs.


10 months ago

#3 @ironprogrammer
10 months ago

  • Priority changed from normal to low

During test triage, it was agreed to mark this ticket's priority to low, but keep it open for a patch. Why low? Triagers noted that the sub-pixel shift was barely noticeable. However, the assessment in comment:1 is a good basis for a patch.

#4 @ironprogrammer
10 months ago

  • Keywords has-screenshots added

Adding has-screenshots as reporter's video does show the shift.

Note: See TracTickets for help on using tickets.