781054 - Modify PanelUI to have overall layout and styling matching Metro mockups

Status: RESOLVED INCOMPLETE

(Firefox for Metro Graveyard :: General, defect)

Description

[Jonathan Wilde [:jwilde]]

Instead of building custom about: pages for each of the features and then trying to do lots of chrome-content proxying to make the appbar work, we're just going to update panelUI.

Relevant mockups:
- Bookmarks: http://shorlander.dropmark.com/51486/531489
             http://shorlander.dropmark.com/51486/531490
             http://shorlander.dropmark.com/51486/531494 (view switch UI)
- History:   http://shorlander.dropmark.com/51486/531501

Comment 1

[Jonathan Wilde [:jwilde]]

Initial changes to make this happen: 
http://hg.mozilla.org/projects/elm/rev/483d12544d76

What's left:
- Adjusting padding.
- Restyling settings page (iirc yuan/shorlander were working on this?)
- Making the text be offsetted properly in the menulist.
- Menulist selection is not always properly updated.  This needs to be fixed.
- The text in the menulist should be made larger per http://shorlander.dropmark.com/51486/531494; there's a specific ID/class attached to the menulist content area depending on which source is supplying the data.  Classes can be attached to that.

Comment 2

[Jonathan Wilde [:jwilde]]

Getting styling in line:
http://hg.mozilla.org/projects/elm/rev/8a89082f9442

Making the bookmarks view work properly:
http://hg.mozilla.org/projects/elm/rev/d8422ae0e5e8

Comment 3

[Jonathan Wilde [:jwilde]]

This is the last I'll be able to work on this for now.

What's left:
- Overall padding tweaks to the page.
- Restyling the settings page.
- Fixing the text offset in the menulist.
- Making the text larger in the menulist's menupopup.  See notes in comment 1.