771692 - Update platform.css to conform to Metro styling

Status: RESOLVED FIXED

(Firefox for Metro Graveyard :: General, defect)

Description

[Jonathan Wilde [:jwilde]]

Platform.css currently makes the app (and most of the internet) have Android/Maemo-style chrome.  It should be updated to have Metro styling.

Comment 1

[Jonathan Wilde [:jwilde]]

At the very least, Metro-styled button controls and textboxes will be needed for the new dialog controls to land.

Comment 2

[Jonathan Wilde [:jwilde]]

More information on control styling and the difference between submit and normal buttons is over at:
http://msdn.microsoft.com/en-us/library/windows/apps/hh465451.aspx#buttons

Comment 3

[Jonathan Wilde [:jwilde]]

Initial patch: https://hg.mozilla.org/projects/elm/rev/c3fd1accbfe6

Covers styling for buttons, menulists, and textboxes.
Doesn't cover number input boxes, checkboxes, radio buttons, richlists, etc.

Comment 4

[Jonathan Wilde [:jwilde]]

Added Metro-style toggle checkboxes, made the number spinners Metro-ish.
Still to go: radio buttons, richlists, checkbox buttons, menulist, arrowpanels, overall simplification.

https://hg.mozilla.org/projects/elm/rev/61b69775f7e4

Comment 5

[Jonathan Wilde [:jwilde]]

Added:
- checkboxes
- radios
- progressbars

Refactored: 
- toggleswitches

Remaining:
- richlist
- menulist
- arrowpanel
- panelUI (which really should get moved out of platform.css entirely)

http://hg.mozilla.org/projects/elm/rev/0bcca389a090

Comment 6

[Jonathan Wilde [:jwilde]]

Cleaned up unnecessary !important declarations and put together some initial styling for richlist.

Remaining:
- arrowpanel
- panelUI
- menulist

http://hg.mozilla.org/projects/elm/rev/a491abab0f0e

Comment 7

[Jonathan Wilde [:jwilde]]

As of what's on elm right now, the only thing that's really left are arrowpanels.

Restyling panelUI will be addressed in bug 781054. Menulists were cleaned up and restyled in bug 785280.

Comment 8

[Matt Brubeck (:mbrubeck)]

Resolving bugs in the Firefox for Metro product that are fixed on the elm branch.  Sorry for the bugspam.  Search your email for "bugspam-elm" if you want to find and delete all of these messages at once.