Now that we have a solid first cut of our Gingerbread UI, we should go in and detail some of the other areas like Preferences and the Context Menu. Some mocks below for reference: http://www.flickr.com/photos/61892693@N03/5726890128/in/set-72157626609900587 http://www.flickr.com/photos/61892693@N03/5726333477/in/set-72157626609900587 http://www.flickr.com/photos/61892693@N03/5726890284/in/set-72157626609900587
Created attachment 535436 [details] Assets for Preferences Included here are a dropdown button, radio buttons, and an "update addons" button! Also, here is where we ended up with the Add-ons page update (which will change a bit once we have a discopane) http://www.cl.ly/190c2G3y3Q411M3A3E18
Created attachment 535478 [details] [diff] [review] patch This patch adds nearly all CSS based changes we can make, including: * Use black background (white text) for all richlistbox * Uses a radio image and not the check image for popup menulist selection * Uses a checkbox, not a toggle in prefs and about:config * Aligned images and text to top of larry (bug 659447) * Changed the prefs and add-ons header colors (text / background) New files: * gingerbread/forms.css (copied and edited from core theme) * radio selected/unselected PNGs * content.css and gingerbread/content.css (moved and tweaked from chrome/content/content.css) Replaced files: * lock and unlocked PNGs used in larry (bug 659447) * tab background assets (bug 659447) * close button assets (bug 659447) Non-CSS changes: * Makes the popup list for menulist selection popup 80% of window width instead of only wide enough. It was too cramped. This affects all themes.
Comment on attachment 535478 [details] [diff] [review] patch Review of attachment 535478 [details] [diff] [review]: -----------------------------------------------------------------
I noticed one problem while testing this - checkboxes move by a pixel or two when you click them, and don't move back until they are unfocused.
(In reply to comment #4) > I noticed one problem while testing this - checkboxes move by a pixel or two > when you click them, and don't move back until they are unfocused. Thanks. Fixed it locally by using a transparent border on focus for the checkbox label, which we don't use but is still "there". The original patch removed the border, causing the "shift".
Comment on attachment 535478 [details] [diff] [review] patch low-risk, android only, been baking on trunk for a while and vastly improves the gingerbread theme
forgot to note this: http://hg.mozilla.org/mozilla-central/rev/113014cf801a
Verified Mozilla/5.0 (Android; Linux armv71; rv6.0a2) Gecko/20110623 Firefox/6.0a2 Fennec/6.0a2 Device: HTC Flyer OS: Android 2.3