707415 - Needs better initial size for file listings

Status: RESOLVED INCOMPLETE

(Firefox for Android Graveyard :: General, defect, P5)

Description

[Michael Monreal [:micmon]]

On pages like http://ftp.mozilla.org/pub/mozilla.org/mobile/nightly/latest-birch-android/ the text of the actual files is unreadably small on the default zoom level. However, there is still space, so this text could be displayed with a larger font.

Comment 1

[Mats Palmgren (inactive)]

Attachment: hack

This hack makes shrink-wrapped tables use all the available width rather
than shrink-wrapping.  It makes the file list table at the URL use the
full width of the viewport, and its text slightly larger.
It's an improvement IMO, but it seems like a brutal approach.

Does anyone have other suggestions on how to improve a case like this?

Also, does anyone know of "table based" sites I can test?

Comment 2

[Aaron Train [:aaronmt]]

Should that patch be reviewed or given feedback?

Comment 3

[David Baron :dbaron: (⌚️UTC-5, no longer working on Mozilla)]

I don't think that patch is quite valid because it ignores the min-width.

I think the layout here was probably totally changed by bug 706193, such that font inflation isn't done at all.

That said, I don't understand the description in comment 0 based on the behavior we had back then.

Comment 4

[Jet Villegas (inactive)]

Now that we've added a bunch of fixes to text rendering on Mobile, this should look much better now. Please re-test.

Comment 5

[Mike Hoye [:mhoye]]

If this is still a thing, can I ask a contributor to help carry it over the line?

Comment 6

[Kevin Brosnan [Ex-Mozilla]]

This is still a thing. WesJ is fairly heads down in iOS land. Poking other people in #mobile, Margaret might be good as this is a look that we inherit from desktop.

Comment 7

[Wesley Johnston (:wesj)]

Attachment: Base style

Late reply, but yeah, someone could finish this up. Long ago I spent some time trying to make the page's responsive (just using dev-tools), so I figured I'd upload the CSS files for that if anyone was interested.

This was a base style, mostly taken from whats in tree already.

Comment 8

[Wesley Johnston (:wesj)]

Attachment: Small screen desktop css

This was a style for small screens on Desktop, essentially removing the padding around the edges once the screen was small enough that it was taking up all the content. It also colored the header in this mode so that it would stand out.

Comment 9

[Wesley Johnston (:wesj)]

Attachment: Touch screen styling (large screens)

This was for large screen touch-enabled-devices. Basically looks like desktop right now, but makes the rows big enough to interact with reliably.

Comment 10

[Wesley Johnston (:wesj)]

Attachment: Small touch screen tweaks

This applies on small touch screen devices to remove a bunch of labels that don't really fit on screen anymore.

The idea with these was that they'd all be contained in different media queries, so different ones would apply in different situations. i.e. anyone who's playing with this shouldn't expect to just apply one of these and have everything work.

Comment 11

[Rachelle Yang [:ryang][[e-mail]]]

remove the tracking fennec flag for now, because this bug happened 2 years ago , and please provide the reproducible way if still existing. Thank you !

Comment 12

[Firefox Bug Husbandry Bot]

Re-triaging per https://bugzilla.mozilla.org/show_bug.cgi?id=1473195

Needinfo :susheel if you think this bug should be re-triaged.

Comment 13

[BMO Automation]

We have completed our launch of our new Firefox on Android. The development of the new versions use GitHub for issue tracking. If the bug report still reproduces in a current version of [Firefox on Android nightly](https://play.google.com/store/apps/details?id=org.mozilla.fenix) an issue can be reported at the [Fenix GitHub project](https://github.com/mozilla-mobile/fenix/). If you want to discuss your report please use [Mozilla's chat](https://wiki.mozilla.org/Matrix#Connect_to_Matrix) server https://chat.mozilla.org and join the [#fenix](https://chat.mozilla.org/#/room/#fenix:mozilla.org) channel.