Toolbar Buttondown?

phunkydizco

Hallo zusammen,

ich bastel gerade an einem Theme und habe auch schon erfolgreich Buttons erstellt und mit Buttonover und Buttondown versehen. Das Problem ist jetzt, dass die Buttons bei Buttondown um einen Pixel verschoben werden. Wie kann ich das unterbinden? Welche Funktion ist hierfür im Default Theme verantwortlich?

Greats

JonHa

Das padding der Buttons wird verändert.

Vergleich:
(toolbarbutton.css)

Zitat

toolbarbutton {
-moz-appearance: toolbarbutton;
-moz-box-align: center;
-moz-box-pack: center;
margin: 0;
border: 1px solid transparent;
padding: 3px;
background-color: transparent;
color: -moz-DialogText;
}
toolbarbutton:hover:active,
toolbarbutton[open="true"] {
border-color: ThreeDShadow ThreeDHighlight ThreeDHighlight ThreeDShadow;
padding-top: 4px;
padding-bottom: 2px;
-moz-padding-start: 4px;
-moz-padding-end: 2px;
color: ButtonText;
}

Alles anzeigen

phunkydizco

Jetzt möchte das allerdings nicht für alle Toolbar Buttons machen, sondern nur für die in der Navigations Symbolleiste. Ich denke mal, dass sich das in der Sektion "primary toolbar buttons" der browser.css machen lässt. Allerdings funktioniert das nicht. Wie müsste ich hier im Default ändern, damit die Buttons sich nicht mehr verschieben?

phunkydizco

Habs grad gefunden. Diesen Teil einfach auskommentieren:

CSS

.toolbarbutton-1:hover:active:not([disabled]),
.toolbarbutton-1[open="true"], 
.toolbarbutton-menubutton-button:hover:active:not([disabled]),
.toolbarbutton-menubutton-button[open="true"] {
  padding: 5px 4px 5px 6px;
}


.toolbarbutton-1[checked="true"] {
  padding: 5px 4px 5px 6px !important;
}

Alles anzeigen