Make WordPress Core

Opened 3 years ago

Last modified 2 weeks ago

#43423 new defect (bug)

Adminbar Icons Resize Incorrectly

Reported by: johnjamesjacoby Owned by:
Milestone: Awaiting Review Priority: normal
Severity: normal Version:
Component: Toolbar Keywords: reporter-feedback
Focuses: ui, css Cc:


Icons in the adminbar are not resizing according to the correct screen width. This results in a pretty broken looking interface at a very specific browser window width.

I'll attach a video to better illustrate the problem. It looks like the CSS for the icon size is a few pixels off.

Attachments (1)

adminbar.mov (592.5 KB) - added by johnjamesjacoby 3 years ago.

Download all attachments as: .zip

Change History (7)

#1 @johnjamesjacoby
3 years ago

Sorry if the .mov format isn't most accessible; it's Quicktime's default.

Interestingly, this bug only manifests itself when shrinking the browser width, not when enlarging it.

#2 @SergeyBiryukov
3 years ago

Which browser is that? Can't seem to reproduce in Opera 50 (Windows 10).

#3 @johnjamesjacoby
3 years ago

macOS - Safari 11.1 (13605.

#4 @audrasjb
3 years ago


I tried to reproduce the problem on MacOS / Safari but everything is fine on my side too. My version of Safari is not stricly the same as you – 11.0.3 (12604. – but it still seems odd.
Is it a fresh installation? No special configuration?

#5 @SergeyBiryukov
13 months ago

  • Focuses css added
  • Keywords reporter-feedback added

Is this still an issue?

Don't have Safari at hand, could not reproduce in the latest Chrome.

Last edited 13 months ago by SergeyBiryukov (previous) (diff)

#6 @sabernhardt
3 weeks ago

@johnjamesjacoby I don't see the odd resizing in Windows browsers.

  1. Does this still occur in 5.7 (with MacOS)?
  2. If it does, could you try removing the transition to check if that makes a difference?
Last edited 2 weeks ago by sabernhardt (previous) (diff)
Note: See TracTickets for help on using tickets.