Das Hover-"Problem" ist ja auch ohne das Verschiebe-Skript gegeben und wohl so gewollt. Auch die leicht vertikale Form des Buttons ist durch das AppMenü-Skript schon vorgegeben. Dies kannst du ja mit zusätzlichem CSS-Code wieder überschreiben.
Dass der Button allerdings an den linken Rand gerutscht ist, war mein Fehler. Den habe ich behoben (die Verschiebung mit 'margin' habe ich wieder herausgenommen und habe noch die Größe des Buttons angepasst und quadratisch gemacht).
Bitte wieder testen:
JavaScript
(function() {
if (location != 'chrome://browser/content/browser.xhtml')
return;
var appButton = document.getElementById('AppMenuButton');
if (!CustomizableUI.getPlacementOfWidget('MoverAppMenuButton')) {
try {
CustomizableUI.createWidget({
id: 'MoverAppMenuButton',
type: 'custom',
defaultArea: CustomizableUI.AREA_NAVBAR,
onBuild: function(aDocument) {
var toolbaritem = aDocument.createElementNS('http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul', 'toolbaritem');
toolbaritem.id = 'MoverAppMenuButton';
toolbaritem.className = 'toolbarbutton-1 chromeclass-toolbar-additional';
toolbaritem.setAttribute('label', 'Firefox Menü');
return toolbaritem;
}
});
if (!CustomizableUI.getPlacementOfWidget('AppMenuButton')) {
menuButton.style.display = 'none';
return;
};
} catch(e) {
menuButton.style.display = 'none';
return;
};
};
setTimeout(function() {
document.getElementById('MoverAppMenuButton').appendChild(appButton);
appButton.setAttribute('consumeanchor', 'MoverAppMenuButton');
appButton.setAttribute('label', 'Firefox Menü');
appButton.setAttribute('tooltiptext', 'Firefox Menü');
document.getElementById('MoverAppMenuButton').style.minWidth = appButton.style.minWidth = '32px';
document.getElementById('MoverAppMenuButton').style.minHeight = appButton.style.minHeight = '32px';
}, 0);
}());
Alles anzeigen