MozillaZine

Addons Manager Restyle

Discuss application theming and theme development.
patrickjdempsey

User avatar
 
Posts: 23734
Joined: October 23rd, 2008, 11:43 am
Location: Asheville NC

Post Posted June 2nd, 2015, 11:26 am

I haven't looked in Nightly or Aurora yet (SeaMonkey builds are busted for Windows) so I haven't had a chance to explore this yet, but the Addons Manager is getting the same treatment as the inContent Options panel:

viewtopic.php?f=23&t=2938793

I'm not sure how this will impact themes yet... but since this is shared code it will appear in SeaMonkey and Thunderbird and any other Gecko projects.
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/

patrickjdempsey

User avatar
 
Posts: 23734
Joined: October 23rd, 2008, 11:43 am
Location: Asheville NC

Post Posted June 2nd, 2015, 3:28 pm

Here's the meta bug:
https://bugzilla.mozilla.org/show_bug.cgi?id=989469

Just from a cursory glance at the changes, most complete themes will need to be rewritten and any extensions that mod the AOM will also break. I'm pretty sure I'm going to have to dramatically rewrite sections of SeaFox. I don't have Firefox development builds installed at this time and SeaMonkey Windows builds are stalled. Anyone running Nightly or Aurora care to look into this more?
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/

mcdavis

User avatar
 
Posts: 3195
Joined: December 9th, 2005, 5:51 am

Post Posted June 3rd, 2015, 1:44 am

I keep Firefox Nightly and Aurora current, and I use Nightly as my, uh, daily browser. Is there anything in particular you want to know?

The AOM in Nightly with NNL is still usable. The only thing I notice off-hand is that the set of category buttons along the side have shifted up. I remember the same thing from in-content preferences: the default theme is using some JS-applied [style] along with code in the theme so the top edge can move up or down based on window height, and we'll need code changes for that here too. Also, I need to add code for signing-related UI; I can see that in the AOM.
Theme Development is Radical Participation.
NNL Beta Builds for Current and Up-coming Firefox
Dear User: Your Help is Needed

patrickjdempsey

User avatar
 
Posts: 23734
Joined: October 23rd, 2008, 11:43 am
Location: Asheville NC

Post Posted June 5th, 2015, 4:12 pm

Yeah, I'm looking at it now with some old themes. Looks like the redesign uses all the same names for everything so themes don't need updating unless they were doing really advanced changes.
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/

ShareBird

User avatar
 
Posts: 2740
Joined: December 8th, 2004, 7:09 am
Location: Berlin | Made in Brasil

Post Posted June 9th, 2015, 3:51 pm

patrickjdempsey wrote:Yeah, I'm looking at it now with some old themes. Looks like the redesign uses all the same names for everything so themes don't need updating unless they were doing really advanced changes.


Hmmm... I hardly hack the addons manager to offer tiles and/or list views. I hope this isn't broken at all, actually I'm very proud of that... :D
Silvermel - A Theme for Firefox and Thunderbird
YATT - Yet Another Theme Tutorial
Don't give a man a fish. Teach him how to fish instead.

patrickjdempsey

User avatar
 
Posts: 23734
Joined: October 23rd, 2008, 11:43 am
Location: Asheville NC

Post Posted June 9th, 2015, 4:45 pm

My hacks were broken, but I'm doing some pretty extreme stuff to make it look like 3.x-style.
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/

patrickjdempsey

User avatar
 
Posts: 23734
Joined: October 23rd, 2008, 11:43 am
Location: Asheville NC

Post Posted June 16th, 2015, 9:03 pm

Something new coming down the pipe:
https://bugzilla.mozilla.org/show_bug.cgi?id=1161183

Due to the extra-large fonts and that 40px wide gutter all the way around the Addons Manager, apparently titles are getting cropped. So the idea for fixing that is to hide the extension version number. That seems fairly well like a disaster to me, and I'm hoping that decision gets reversed.

Since the changes are happening at least partially in XBL, it might be possible for a theme to append the binding and restore the version numbers. Specifically this looks like it might be able to be reversed:

Code: Select all
      <xul:label anonid="name" class="name" crop="end" flex="1"
-                   xbl:inherits="value=name,tooltiptext=name"/>
-       <xul:label anonid="version" class="version"/>
+                  tooltip="addonitem-tooltip" xbl:inherits="value=name"/>
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/

patrickjdempsey

User avatar
 
Posts: 23734
Joined: October 23rd, 2008, 11:43 am
Location: Asheville NC

Post Posted June 18th, 2015, 1:59 pm

So here is the existing binding code:

Code: Select all
<xul:hbox class="name-container">
    <xul:label anonid="name" class="name" crop="end" flex="1" tooltip="addonitem-tooltip" xbl:inherits="value=name"/>
    <xul:label class="disabled-postfix" value="(disabled)"/>
    <xul:label class="update-postfix" value="Update"/>
    <xul:spacer flex="5000"/><!-- Necessary to make the name crop -->
</xul:hbox>


It should technically be possible to mod the binding like this:

Code: Select all
<xul:hbox class="name-container">
    <xul:label anonid="name" class="name" crop="end" flex="1" xbl:inherits="value=name,tooltiptext=name"/>
    <xul:label anonid="version" class="version" value="addonitem-tooltip" tooltip="addonitem-tooltip"/>
    <xul:label class="disabled-postfix" value="(disabled)"/>
    <xul:label class="update-postfix" value="Update"/>
    <xul:spacer flex="5000"/><!-- Necessary to make the name crop -->
</xul:hbox>
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/

Aris

User avatar
 
Posts: 3124
Joined: February 27th, 2011, 10:14 am

Post Posted June 19th, 2015, 12:51 am

Unfortunately it is not possible to restore the version number like this. The version number in "addonitem-tooltip" gets only read/created, when the tooltip event is triggered. I just tried your method and it does only add "addonitem-tooltip" after the add-on name.

However, using the "addon-generic" binding from "extensions.xml" of an older Fx version combined with the following code does restore the add-on version number:
Code: Select all
#addon-list .addon:not([type="userstyle"])[status="installed"] {
  -moz-binding: url("chrome://path/to/old/extensions.xml#addon-generic") !important;
}

Place old extensions.xml somewhere within your add-on/theme or on hdd and link to it.

Image

ShareBird

User avatar
 
Posts: 2740
Joined: December 8th, 2004, 7:09 am
Location: Berlin | Made in Brasil

Post Posted June 19th, 2015, 10:57 am

Silvermel - A Theme for Firefox and Thunderbird
YATT - Yet Another Theme Tutorial
Don't give a man a fish. Teach him how to fish instead.

Exalm
 
Posts: 137
Joined: July 28th, 2013, 3:29 pm

Post Posted June 20th, 2015, 4:25 am

SeaMonkey Modern is broken:
Image
Other themes that provide default or close to default styling are broken as well.
The worst thing is that it seems necessary to clone the whole mozapps/ skin if one wants to make a theme compatible with both old and new versions. :/

Edit: Heh, it seems that layout was not changed too much. In fact, I was able to fix my modern-based theme with changing literally 2 things: #view-port-container → #view-port and increasing top margin of #categories.
In this case it's enough to provide a small style for new versions. However, larger hacks are most probably still broken.

patrickjdempsey

User avatar
 
Posts: 23734
Joined: October 23rd, 2008, 11:43 am
Location: Asheville NC

Post Posted June 23rd, 2015, 2:02 pm

I wouldn't characterize that as "broken"... heck, it still looks better than the restyle IMO.
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/

ShareBird

User avatar
 
Posts: 2740
Joined: December 8th, 2004, 7:09 am
Location: Berlin | Made in Brasil

Post Posted June 23rd, 2015, 2:28 pm

My theme was also not badly affected...

Image
Silvermel - A Theme for Firefox and Thunderbird
YATT - Yet Another Theme Tutorial
Don't give a man a fish. Teach him how to fish instead.

patrickjdempsey

User avatar
 
Posts: 23734
Joined: October 23rd, 2008, 11:43 am
Location: Asheville NC

Post Posted June 23rd, 2015, 2:58 pm

Aris wrote:Place old extensions.xml somewhere within your add-on/theme or on hdd and link to it.


Looks like the part of extensions.xml that actually does that work is <implementation> stuff which I do not think is allowed in a theme because it's JavaScript. It *might* pass review for SeaMonkey AMO but almost certainly not on Firefox AMO. It's going to require an extension to restore that on Firefox, and I haven't discussed this really with Philip or anyone, but once SeaMonkey is building again on Windows they might want to actually fix this. I know they like to do as little as possible with toolkit stuff since it's shared code but they might have to start doing their own thing with the addons manager.
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/

Exalm
 
Posts: 137
Joined: July 28th, 2013, 3:29 pm

Post Posted June 23rd, 2015, 3:03 pm

patrickjdempsey wrote:It *might* pass review for SeaMonkey AMO but almost certainly not on Firefox AMO.

The review is done by the same people. I got Lightbird extension (now it's for SeaMonkey and Thunderbird, back then it was for SeaMonkey only) reviewed by Jorge Villalobos. (and had a lengthy discussion about why I have to use general.startup.calendar preference and cannot change the name)

Return to Theme Development


Who is online

Users browsing this forum: No registered users and 2 guests