Make WordPress Core

Opened 23 months ago

Last modified 21 months ago

#57948 new defect (bug)

Media toolbar elements height /size is inconsistent across views

Reported by: oglekler's profile oglekler Owned by:
Milestone: Awaiting Review Priority: normal
Severity: normal Version:
Component: Media Keywords: has-screenshots needs-design-feedback has-patch
Focuses: ui, css Cc:

Description

When window.innerWidth is between 782px and 900px we have bigger height for selects the for all other toolbar elements, when window width is less than 782px button is becoming bigger but toggle view buttons are staying the same. I assume all element need to be resized accordingly and margins between adjusted as well.

Related ticket: #43904

Attachments (2)

Media Toolbar views.png (63.5 KB) - added by oglekler 23 months ago.
Media Toolbar proposal.png (14.7 KB) - added by oglekler 23 months ago.

Download all attachments as: .zip

Change History (10)

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


23 months ago

#2 @oglekler
23 months ago

  • Keywords has-screenshots needs-design-feedback added

Related ticket: #57949

This ticket was mentioned in Slack in #core by oglekler. View the logs.


22 months ago

This ticket was mentioned in Slack in #core by oglekler. View the logs.


22 months ago

#5 @ugyensupport
22 months ago

Hi @oglekler Which version of WordPress?

#6 @oglekler
22 months ago

Hi @ugyensupport 6.2, I checked right now that it still present.

This ticket was mentioned in PR #4446 on WordPress/wordpress-develop by coditive-tomek-g.


21 months ago
#7

  • Keywords has-patch added

This PR fix this issue. I moved the mobile select styles from the max-width: 900px breakpoint to the max-width: 782px to standardize the height of the inputs.

Trac ticket: https://core.trac.wordpress.org/ticket/57948

This ticket was mentioned in PR #4450 on WordPress/wordpress-develop by coditive-tomek-g.


21 months ago
#8

This PR fix this issue. I moved the mobile select styles from the max-width: 900px breakpoint to the max-width: 782px to standardize the height of the inputs.

Trac ticket: https://core.trac.wordpress.org/ticket/57948

Note: See TracTickets for help on using tickets.