display text on toolbar

[hopalongrock]

In Firefox userChrome.css I use this script to display "Nightly" as text before the three-bar Firefox Menu button at the right end of the Navigation Toolbar:

Code: Select all

#PanelUI-button{ -moz-box-align: center; }
#PanelUI-button::before{
  content: "Nightly";
  display: -moz-box;
  color: black !important;
  font-weight: bold !important;
  font-size:14px !important;
}

With this I can easily identify the profile used.

Can use something similar in Thunderbird?

[morat]

Try something like:

Code: Select all

#button-appmenu::before {
  content: "Release";
  display: -moz-box;
  color: black;
  font-weight: bold;
  font-size: 14px;
}

[hopalongrock]

Thank you, works fine.

Is it possible to place a space between the text and the menu button?
In customize I can't drag a space there.

[morat]

Try this:

Code: Select all

#button-appmenu::before {
  content: "Release";
  display: block;
  padding-right: 8px;
  color: black;
  font-weight: bold;
  font-size: 14px;
}

The inspector says display: -moz-box is an invalid property value.

CSS Box Model
http://www.w3schools.com/css/css_boxmodel.asp

How to get DOM info: http://forums.mozillazine.org/viewtopic ... #p14866214

[hopalongrock]

Thanks for the code and for the info