WordPress.org

Make WordPress Core

Opened 5 weeks ago

Last modified 5 days ago

#49023 new defect (bug)

Overlapping controls in Attachment Details modal when editing an image on mobile

Reported by: sumitsingh Owned by:
Milestone: 5.4 Priority: normal
Severity: normal Version: 5.3.1
Component: Media Keywords: needs-design
Focuses: ui, css, administration Cc:
PR Number:

Description (last modified by antpb)

Hi,

When we are trying to edit the image on "wp-admin/upload.php" page. but I am not able to see properly structure on a popup in all mobile devices.

For more information see mention screenshot.

Thanks

https://core.trac.wordpress.org/raw-attachment/ticket/49023/Media%20Library%20%E2%80%B9%20Blog%20Title%20%E2%80%94%20WordPress.png

Attachments (1)

Media Library ‹ Blog Title — WordPress.png (57.9 KB) - added by sumitsingh 5 weeks ago.
Error screenshot file

Download all attachments as: .zip

Change History (5)

@sumitsingh
5 weeks ago

Error screenshot file

#1 @SergeyBiryukov
5 weeks ago

  • Summary changed from Design issue on WordPress 5.3.1 running Twenty Twenty theme. to Overlapping controls in Attachment Details modal when editing an image on mobile

This ticket was mentioned in Slack in #core-media by antpb. View the logs.


5 days ago

#3 @antpb
5 days ago

  • Description modified (diff)
  • Milestone changed from Awaiting Review to 5.4

Thanks for this report @sumitsingh ! That is definitely a problem. I am not seeing a great way that we can adjust what we have currently to prevent the overlap, so I am going to add a Design Feedback tag to this ticket to get some input from more design focused folks on how this could be better presented on mobile. I also added the image you graciously provided into the he description so as not to get lost in the conversations.

Maybe one option is that the icon text goes away at overlap condition? I just think that goes against the reason we added the text in the first place.

#4 @SergeyBiryukov
5 days ago

Related: #48780 (similar issue on desktop)

Note: See TracTickets for help on using tickets.