Toolbarbutton and -moz-box-orient

[Pavol Mišík]

Hi,

I try to make styles that allow me to change toolbar button labels
orientation. I want to have icons besides text. I want to control this
functionality by attribute “myorient” in toolbar node. So I created
following styles:

@import url("chrome://global/skin/");
@import url("chrome://messenger/skin/");
@namespace
url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");

toolbar[myorient="horizontal"] .toolbarbutton-1,
toolbar[myorient="horizontal"] .toolbarbutton-1[type="menu-button"] >
.toolbarbutton-menubutton-button {
-moz-box-orient: horizontal !important;
}

toolbar[myorient="horizontal"] .toolbarbutton-1 .toolbarbutton-text ,
toolbar[myorient="horizontal"] .toolbarbutton-1[type="menu-button"]
.toolbarbutton-text .toolbarbutton-menubutton-button {
-moz-padding-start: 2px;
}

toolbar[myorient="vertical"] .toolbarbutton-1,
toolbar[myorient="vertical"] .toolbarbutton-1[type="menu-button"] >
.toolbarbutton-menubutton-button {
-moz-box-orient: vertical !important;
}

toolbar[myorient="vertical"] .toolbarbutton-1 .toolbarbutton-text ,
toolbar[myorient="vertical"] .toolbarbutton-1[type="menu-button"]
.toolbarbutton-text .toolbarbutton-menubutton-button {
-moz-padding-start: 0px;
}

This works for gecko 1.9.1 (Tb3) but it doesn’t work for gecko 1.8.1
(Tb2). There is some bizarre behavior with gecko 1.8.1. After I open
Customize toolbar dialog style is applied and buttons are displayed
correctly.

Does anybody know what is wrong wit my style?
And why it is applied after I open Customize toolbar dialog?

pm-