574032 - Make Input more Mobile-y

Status: VERIFIED FIXED

(Input :: General, enhancement, P1)

Description

[Aakash Desai [:aakashd]]

We'll need the following things done to resolve this bug:

+ Mobile Pages for:
- Happy Submission
- Sad Submission
- Thanks
- Download Beta ( link to www.mozilla.com/m/beta )
- Dashboard (one-column, larger text)
- Search Results (one-column, larger text)

+ UA sniffing for mobile browsers
- Defaulting to "Mobile Firefox" or "Fennec" on dashboard
- Defaulting to mobile pages
- Adding a directory input.mozilla.com/m/thanks...download...sad...happy..etc.

+ Theme work

+ Hooks for Mobile Add-on: https://wiki.mozilla.org/Mobile/Projects/Feedback

There will be a set of mocks forthcoming, but I believe that's the set of goals for 1.5

Comment 1

[Aakash Desai [:aakashd]]

Mock-Ups: http://www.flickr.com/photos/madhava_work/4727963651/

Comment 2

[Aakash Desai [:aakashd]]

New Mock-ups: http://www.flickr.com/photos/aakashhdesai/sets/72157624351126624/

Comment 3

[Fred Wenzel [:wenzel]]

Happy and sad are done:
http://m.input.stage.mozilla.com/en-US/happy and sad

The download page too:
.../download
http://github.com/fwenzel/reporter/commit/7a51733

Comment 4

[Matt Brubeck (:mbrubeck)]

I see that your main container is set to 480px wide, but it still renders smaller than necessary in Fennec (especially in portrait mode) because it uses our default 800px viewport width.

You might want to add <meta name="viewport" content="width=480"> to improve the layout in Fennec.  (A slightly fluid layout with "initial-scale=1,user-scalable=no" might be even better.)

Comment 5

[Fred Wenzel [:wenzel]]

I switched the viewport to 600px now, as it looked a little condensed at 480px. Nonetheless: Good advice, looks much better now.

Comment 6

[Fred Wenzel [:wenzel]]

Thank you page:
.../thanks
http://github.com/fwenzel/reporter/commit/dc8dbb6

Comment 7

[Fred Wenzel [:wenzel]]

(Note I am still pointing to Twitter and friends there. Aakash: Need links for the three items mentioned in the mockups, please.)

Comment 8

[Fred Wenzel [:wenzel]]

Mobile dashboard:
http://github.com/fwenzel/reporter/commit/87fd46a

Still need to add Fennec to the search options, etc.

Comment 9

[Fred Wenzel [:wenzel]]

(In reply to comment #8)
> Still need to add Fennec to the search options, etc.

Done.

Search results page:
http://github.com/fwenzel/reporter/commit/d06fb41

Unless I missed something, this is done. Woot.

Comment 10

[Aakash Desai [:aakashd]]

Yep, its done. We don't have a mobile version of clusters right now.

Comment 11

[Stephen Donner [:stephend] Not actively reading bugmail]

Verified FIXED; more mobile over in bug 598095.