Bug #219591 --> Don't bring in button.css from classic\themes. This brings in a bunch of old style rules for toolbar buttons which don't apply anymore including a style that forces a 47 pixel width on toolbar buttons.

Add style rules to add 2pixels of padding to small toolbar icons.


git-svn-id: svn://10.0.0.236/trunk@147029 18797224-902f-48f8-a5cc-f745e15eee43
This commit is contained in:
scott%scott-macgregor.org
2003-09-18 18:31:20 +00:00
parent b4e5963612
commit 42bfc05371
2 changed files with 32 additions and 1 deletions

View File

@@ -41,7 +41,6 @@
@import url("chrome://global/skin/");
@import url("chrome://communicator/content/communicator.css");
@import url("chrome://communicator/skin/button.css");
@import url("chrome://communicator/skin/formatting.css");
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");

View File

@@ -404,6 +404,38 @@ toolbar[iconsize="small"] #button-previous:hover {
toolbar[iconsize="small"] #button-previous[disabled] {
-moz-image-region: rect(40px 260px 60px 240px) !important;
}
/* Smaller padding on small toolbar buttons */
toolbar[iconsize="small"] .toolbarbutton-1 {
padding: 2px;
}
toolbar[iconsize="small"] .toolbarbutton-1:hover:active,
toolbar[iconsize="small"] .toolbarbutton-1[open="true"] {
padding: 3px 1px 1px 3px;
}
toolbar[iconsize="small"] .toolbarbutton-1[disabled="true"],
toolbar[iconsize="small"] .toolbarbutton-1[disabled="true"]:hover,
toolbar[iconsize="small"] .toolbarbutton-1[disabled="true"]:hover:active,
toolbar[iconsize="small"] .toolbarbutton-1[disabled="true"][open="true"] {
padding: 2px;
}
toolbar[iconsize="small"] .toolbarbutton-1[checked="true"] {
padding: 3px 1px 1px 3px !important;
}
toolbar[iconsize="small"] .toolbarbutton-1[type="menu-button"],
toolbar[iconsize="small"] .toolbarbutton-1[type="menu-button"]:hover,
toolbar[iconsize="small"] .toolbarbutton-1[type="menu-button"]:hover:active,
toolbar[iconsize="small"] .toolbarbutton-1[type="menu-button"][open="true"],
toolbar[iconsize="small"] .toolbarbutton-1[type="menu-button"][disabled="true"],
toolbar[iconsize="small"] .toolbarbutton-1[type="menu-button"][disabled="true"]:hover,
toolbar[iconsize="small"] .toolbarbutton-1[type="menu-button"][disabled="true"]:hover:active {
padding: 0;
}
/* ::::: end small primary toolbar buttons ::::: */