Updating 0.5 Feathers to be 0.6 Compatible

Update Package (.zip)

For the first 4 changes, new graphics are now part of Rubberducky (the default Songbird Feather, and the basis for the Songbird Developer Tool's Feathers wizard).  We've created an update package (Feathers-0.5_0.6-update.zip) which includes the new graphics you'll want to include.  Make sure to read the last two changes regarding bug 8697 and bug 8740 though to ensure you have all the proper CSS changes as well!

Separate sort/scroll graphics

As bug 6021 mentions, we previously used the same image for scroll buttons as we did for sort triangles.  While they are the same, we wanted to give Featherers the freedom to use different images without affecting both.  This means the following graphics were deleted:

• skin/scrollbox/chrome-scroll-down.png
• skin/scrollbox/chrome-scroll-up.png

You'll want to make sure you grab the new graphics and include them in your Feather:

New twisty graphics for servicepane container selection

This work was done in bug 6608.  Selecting folder/container nodes in the servicepane (e.g. Playlists or Bookmarks) meant that the twisty (the triangular icon which opened/closed) wasn't visible when the node was selected.  You should make sure you grab the new twisty-open & twisty-closed graphics or use our handy-dandy Feathers-0.5_0.6-update.zip package mentioned above.

Feathers skin/tree directory layout changed

This work was done in bug 7872.  Basically the gist of it was that Featherers who weren't familiar with the XUL tree element didn't know what to change.  More importantly, they shouldn't have to.  Feathering should be done in terms of Songbird UI elements (e.g. "Servicepane" and "Playlist", not the underlying XUL terms (like "tree").  So we moved things around to map them to the appropriate elements.  Specifically, the following files/paths moved:

You can either move the files yourself in your own Feather, or use our aforementioned Feathers-0.5_0.6-update.zip file to just plop the graphics into their new location and leave the old ones lying around for backwards compatibility.

New ratings widget graphics for track metadata editor

As part of bug 8472, a new ratings graphic was needed for the metadata editor.  You'll want to make sure you grab the new skin/ratings/ratings.png graphic and include them in your Feather.  And, of course, it's also part of our whizzy Feathers-0.5_0.6-update.zip package as well.

New wheelvolume attribute

This work was completed as part of addressing bug 8697.  Basically we created a new wheelvolume attribute which you can set for XUL elements to either explicitly allow or prevent the mouse scrollwheel from changing volume levels.  It's as simple as doing the following:

<tabpanels flex="1" wheelvolume="false">

Findbar (Search/Find in page) Support

We added a findbar which pops up to allow you to search/find inside of the HTML page you'r viewing.  bug 8740 landed a new find icon and some CSS to style the findbar.  The find icon is global so you don't need to worry about that, but you might want to add some CSS to style your findbar to match your Feather.  Rubberducky currently styles this at the end of colors.css, where it has a block like so:

/** 
*******************************************************************************
FINDBAR
*******************************************************************************
*/
findbar {
  border-top: 1px solid #474948; /** Rubber Highlight */
  border-bottom: 1px solid #202220; /** Button Shadow */
}


.findbar-container > toolbarbutton[checked="true"] {
  border-top: 1px solid #202220 !important; /** Button Shadow */ 
  border-left: 1px solid #202220 !important; /** Button Shadow */ 
  border-bottom: 1px solid #797f76 !important; /** Button Highlight */
  border-right: 1px solid #202220 !important; /** Button Shadow */ 
  background-color:transparent !important;
}

You'll want to include something like the above block in your own colors.css, obviously modified to match the style and colors of your own Feather.