Page MenuHomePhabricator
Create Task
Maniphest T57990

Flow: Flow does not dynamically adjust to different screen sizes.
Closed, ResolvedPublic
Actions

Description

flow landing page at 800x600

Most of my browser sessions ends up being roughly 800x600 (more like 900x600 really). Flow has a lot of margin around its element which mean that a page for me would only have a single message usually.

Attached is the landing page at 800x600. Half of the screen is taken by top headers, the bottom half has the title and at best will have a couple lines of the first message.

Would be nice to make the layout more compressed, maybe consider it to be dynamically set based on the screen width?

Version: master
Severity: normal

Attached:

Flow_800x600_landing.png (581×800 px, 119 KB)

Details

Reference
bz55990

Event Timeline

• bzimport raised the priority of this task from to High.Nov 22 2014, 2:23 AM
• bzimport added a project: StructuredDiscussions.
• bzimport set Reference to bz55990.
• bzimport added a subscriber: Unknown Object (MLST).
hashar created this task.Oct 22 2013, 10:02 AM
hashar added a comment.Oct 22 2013, 10:03 AM

Created attachment 13539
Flow second page at 800x600

Screenshot taken after pressing page down. That highlights the Flow layout does not expose much of the actual messages since more than half of the screen is occupied by actions/titles/user name...

Attached:

Flow_800x600_second_page.png (581×800 px, 104 KB)

hashar added a comment.Oct 22 2013, 10:09 AM

For the context, I got a 13 inches MacBook air with a screen resolution of 1440x900, slightly higher density compared to the MacBook pro which has 1280x800.

• Spage added a comment.Oct 24 2013, 5:49 AM

The WMF core features team tracks this bug on Mingle card https://mingle.corp.wikimedia.org/projects/flow/cards/350, but people from the community are welcome to contribute here and in Gerrit.

Maryana added a comment.Oct 24 2013, 11:00 PM

Thanks for flagging this, Hashar - it's *supposed* to be dynamically adjusting to your screen, but it looks like that feature's broken :)

hashar added a comment.Oct 25 2013, 9:46 AM

Forgot to mention I am using Version 6.0.5 (7536.30.1) (form Mac OS X 10.7).

Ironholds added a comment.Oct 28 2013, 6:48 PM

Thanks for the report :). Design/engineering are working on this now.

Maryana added a comment.Nov 15 2013, 1:02 AM

As a stopgap, we added in a little CSS hack - can you take a look again and see if that's a little better for you, Antoine?

In future sprints, we'll do more dedicated work around making Flow scale/resize nicely for smaller screens/tablets/mobile, but this should hopefully be a step in the right direction.

• Spage added a comment.Nov 18 2013, 8:02 AM

The WMF core features team tracks this bug on Mingle card https://mingle.corp.wikimedia.org/projects/flow/cards/467, but people from the community are welcome to contribute here and in Gerrit.

matthiasmullie added a comment.Sep 4 2014, 4:12 PM

Frontend has been drastically improved (rewritten) with mobile in mind; this should be fixed now.

Quiddity removed a subscriber: Maryana.Dec 19 2014, 1:39 AM
Content licensed under Creative Commons Attribution-ShareAlike (CC BY-SA) 4.0 unless otherwise noted; code licensed under GNU General Public License (GPL) 2.0 or later and other open source licenses. By using this site, you agree to the Terms of Use, Privacy Policy, and Code of Conduct. · Wikimedia Foundation · Privacy Policy · Code of Conduct · Terms of Use · Disclaimer · CC-BY-SA · GPL