Seriously hacking the new Addons Manager

Discuss application theming and theme development.
Post Reply
User avatar
T0morrow
Posts: 302
Joined: April 9th, 2010, 9:16 am

Re: Seriously hacking the new Addons Manager

Post by T0morrow »

Not sure if it helps someone but i use a modified version of this: http://userstyles.org/styles/42112/fire ... ns-manager

Image
User avatar
patrickjdempsey
Posts: 23686
Joined: October 23rd, 2008, 11:43 am
Location: Asheville NC
Contact:

Re: Seriously hacking the new Addons Manager

Post by patrickjdempsey »

I know this is a necro-thread and most of the info in here is very out-of-date, but I figured I would share this "solution" here. One of the serious problems with the addons manager is that the code that ships with the default theme is filled with all kinds of weird styling junk. You can force Firefox/SeaMonkey to rip out this junk and use OS-native styles by using -moz-appearance. NOTE: you cannot "theme" the elements after you've applied an OS appearance. This is essentially then just a quick-and-dirty way of killing the default styling. You can use it in conjunction with the binding I posted here to get something that looks close to the Firefox 3.x addons manager without much work:

Code: Select all

/* move header to bottom */
#addons-page  {
-moz-box-direction: reverse !important;
padding: 10px !important; }
#addons-page #header { margin: 0px !important; }

/* puts categories on top of addons */
#addons-page #header ~ hbox { -moz-box-orient: vertical !important; }
/* load the binding that makes categories horizontal */
#addons-page #categories > scrollbox > .scrollbox-innerbox {
  -moz-binding: url("chrome://seafox/content/addons.xml#addons-richlistbox"); }
#addons-page #categories {
margin: 0px !important;
-moz-appearance: listbox!important; }

/* places category labels under icons */
#addons-page .category {
-moz-box-orient: vertical!important;
-moz-appearance: tab!important;
height: 6em !important; }
#addons-page .category[selected="true"] {
font-weight:bold!important; }
#addons-page .category label {
font-size: 100% !important;
display:-moz-box!important; }
#addons-page .category .category-badge,
#addons-page .category[disabled="true"] { display:none!important; }

#addons-page #view-port-container {
-moz-appearance: listbox!important;
margin: 10px 0px !important; }
#addons-page .addon .name-container {
font-size: small !important; }
Tip of the day: If it has "toolbar" in the name, it's crap.
What my avatar is about: https://addons.mozilla.org/en-US/seamonkey/addon/sea-fox/
Post Reply