Some Eclipse Foundation services are deprecated, or will be soon. Please ensure you've read this important communication.

Bug 359875

Summary:	mobile friendly layouts
Product:	[ECD] Orion	Reporter:	Susan McCourt <susan>
Component:	Client	Assignee:	Project Inbox <orion.client-inbox>
Status:	RESOLVED WONTFIX	QA Contact:
Severity:	enhancement
Priority:	P3	CC:	antonm, john.arthorne, mamacdon, Mike_Wilson, Szymon.Brandys
Version:	unspecified
Target Milestone:	---
Hardware:	PC
OS:	Windows 7
Whiteboard:
Bug Depends on:	347058, 359621
Bug Blocks:

Description Susan McCourt

2011-10-04 12:45:45 EDT

some day we will want to look at device specific layouts (css3 media queries).
This bug captures ideas for what might be different on a small device.

- alternate banner with just the breadcrumb (and ability to dismiss it)
- ability to dismiss footer

Comment 1 Susan McCourt

2011-10-12 12:04:21 EDT

Changing the name of this bug to "mobile friendly" rather than "device specific" layouts.  I think there are already layout improvements we've discussed that would help mobile, but also would improve usability on bigger screens.  I'm adding those as blocking bugs:

bug 347058 - removing left hand favorites pane and providing popup
bug 359621 - flattening clones view

There are likely some device-specific things we want to do, too, but I think it would be useful to have this bug track ideas that help usability in general, where the pain is especially great on a smaller screen.

Comment 2 Susan McCourt

2011-10-12 12:19:38 EDT

Another device-specific idea:
we could make decisions about text vs. icons in the toolbar based on device width.

Comment 3 Susan McCourt

2011-12-13 14:16:10 EST

As part of exploring bug 366245 (keeping the tree, discussion of usability of tree on mobile), I added some device specific rules for the navigator checkboxes and twisties.  When on an machine with an ipad-sized screen (or smaller, 1024 pixels or less), we now pad the checkbox and twistie icons with more hittable breathing room.  It is now much easier to check/uncheck boxes and also hit the twisties.  Note I didn't puff up the icons themselves (we could do this if we wanted to), I just made it more hittable via CSS padding.  I found it MUCH easier to navigate and select in the tree now on an iPad without zooming in.

Comment 4 Susan McCourt

2012-01-26 17:35:11 EST

I've done all I'm doing for M2 on this one.
Keeping it open because we may have some mobile specific things to figure out in bug 360986 during RC1.  Also we want to make sure the fix for bug 347058 (coming after M2) plays well on an ipad.

Comment 5 Susan McCourt

2012-02-02 13:47:24 EST

let's gut check in RC2 how we are doing now on iPad

Comment 6 Susan McCourt

2012-02-16 12:07:03 EST

test in RC3 and doc what we did to improve things.

Comment 7 Susan McCourt

2012-02-24 20:50:51 EST

(In reply to comment #6)
> test in RC3 and doc what we did to improve things.

I find that we could use some more media specific spacing for things like primary nav links and the user button.  They are hard to hit without zooming in.

I think we should take a look at device specific horizontal spacing *after* we've done bug 371136 so that we could style our whole "horizontal list" presentation to be device specific.

The doc for improvements was added to the last N&N, should be picked up for 0.4 final N&N.

Comment 8 Susan McCourt

2012-05-18 15:31:53 EDT

We should look at this in the context of skinning.

Comment 9 John Arthorne

2015-05-05 14:50:17 EDT

Closing as part of a mass clean up of inactive bugs. Please reopen if this problem still occurs or is relevant to you. For more details see:

https://dev.eclipse.org/mhonarc/lists/orion-dev/msg03444.html