WordPress.org

Making WordPress.org

Opened 5 months ago

Last modified 4 months ago

#4917 new defect

Trac needs more responsive styles

Reported by: sumitsingh Owned by:
Milestone: Priority: lowest
Component: Trac Keywords: needs-patch
Cc:

Description

Hi,

I have found desing the issue on Moto E4 plus in chrome browser in below mentioned link.

https://core.trac.wordpress.org/ticket/48997

Thanks

Attachments (2)

Screenshot_20191217-232159.png (164.5 KB) - added by sumitsingh 5 months ago.
Bug screenshot
Screenshot_20191218-091019.png (142.1 KB) - added by sumitsingh 5 months ago.
Bug screenshot 2

Download all attachments as: .zip

Change History (5)

@sumitsingh
5 months ago

Bug screenshot

@sumitsingh
5 months ago

Bug screenshot 2

#1 @dd32
5 months ago

  • Keywords needs-patch added
  • Priority changed from normal to lowest

Unfortunately Trac isn't designed for mobile usage and these are only two minor examples of where the styling breaks down.

Attachment Screenshot_20191217-232159.png​

I can't duplicate that on any mobile devices I have, but I can reproduce it on Chrome at screen resolutions <450px, unfortunately I can't find the CSS that's doing it.
Removing all instances of min-width: fixes it, but makes trac less usable on larger tablet resolutions. In this case, it's the presence of min-width that's breaking it, I can't explain why and I can't find any combination of styles that are colluding to make it happen.

Attachment Screenshot_20191218-091019.png

Reports in general aren't usable on mobile anyway.
The standard experience for reports is the header/intro being ~33% of the viewport due to the extra-wide ticket table below it.

IMHO this ticket is a wontfix unless anyone feels strong enough to redo quite a lot of CSS to make Trac usable on all mobile resolutions. The current experience of having to zoom on most pages is reasonably usable given the content being worked with. I'm marking this as needing a patch, and low priority due to the above.

#2 @dd32
5 months ago

  • Summary changed from Desing issue in Mobile device to Trac needs more responsive styles

#3 @dd32
4 months ago

#4967 was marked as a duplicate.

Note: See TracTickets for help on using tickets.