Ah, then please post the code of the second script.
RestartFirefox_plus.uc.js
Ah, then please post the code of the second script.
RestartFirefox_plus.uc.js
@Horstmann
Also das JavaScript von Aris funktioniert bei mir.
Und das Symbol, das zweimal Verwendung findet, ist dieses hier => ![]()
Aber wenn ich mit meinem gebrochenen englisch, das richtig verstanden habe, geht es doch um so ein rotes R,
oder?
Aber DAS muss doch in einem anderen Skript Verwendung finden, wenn ich das richtig verstanden habe.
Zumindest verstehe ich das so.
But this one has the "R" icon I like. If possible, can I post the codes to get instruction on how to do the change?
I now have 2 restart buttons. I prefer this one, because it does not have a cache clearing option
Und welches Skript soll das sein?
Ich bin verwirrt.
because RestartFirefox_plus.uc.js
Autsch.
// Restart button script for Firefox 60+ by Aris
//
// left-click on restart button: normal restart
// middle-click on restart button: restart + clear caches
// right-click on restart button: no special function
//
// based on 'Quit' button code by 2002Andreas
// restart code from Classic Theme Restorer add-on
// invalidate caches from Session Saver add-on
(function() {
try {
var sss = Components.classes["@mozilla.org/content/style-sheet-service;1"].getService(Components.interfaces.nsIStyleSheetService);
var appversion = parseInt(Services.appinfo.version);
var button_label = "Restart";
CustomizableUI.createWidget({
id: "uc-restart", // button id
defaultArea: CustomizableUI.AREA_NAVBAR,
removable: true,
label: button_label, // button title
tooltiptext: button_label, // tooltip title
onClick: function(event) {
var cancelQuit = Components.classes["@mozilla.org/supports-PRBool;1"].createInstance(Components.interfaces.nsISupportsPRBool);
var observerSvc = Components.classes["@mozilla.org/observer-service;1"].getService(Components.interfaces.nsIObserverService);
if(event.button=='1') { // middle-click - clear caches
Components.classes["@mozilla.org/xre/app-info;1"].getService(Components.interfaces.nsIXULRuntime).invalidateCachesOnRestart();
}
if(event.button=='0' || event.button=='1') { // left/middle-click - restart
observerSvc.notifyObservers(cancelQuit, "quit-application-requested", "restart");
if(cancelQuit.data) return false;
Services.startup.quit(Services.startup.eRestart | Services.startup.eAttemptQuit);
}
},
onCreated: function(button) {
return button;
}
});
var icon = "chrome://global/skin/icons/reload.svg";
if(appversion < 92) icon = "chrome://browser/skin/reload.svg";
// style button icon
var uri = Services.io.newURI("data:text/css;charset=utf-8," + encodeURIComponent('\
\
#uc-restart .toolbarbutton-icon {\
list-style-image: url("'+icon+'"); /* icon / path to icon */ \
transform: scaleX(-1); /* icon mirroring */\
fill: red; /* icon color name/code */\
}\
\
'), null, null);
sss.loadAndRegisterSheet(uri, sss.AGENT_SHEET);
} catch (e) {
Components.utils.reportError(e);
};
})();
// RestartFirefox_plus.uc.js 2
(function() {
if (location != 'chrome://browser/content/browser.xhtml') return;
try {
CustomizableUI.createWidget({
id: 'restart-button',
type: 'custom',
defaultArea: CustomizableUI.AREA_NAVBAR,
onBuild: function(aDocument) {
var toolbaritem = aDocument.createElementNS('http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul', 'toolbarbutton');
let props = {
id: 'restart-button',
class: 'toolbarbutton-1 chromeclass-toolbar-additional',
removable: false,
label: 'RESTART',
tooltiptext: 'Restart (right-click and middle-click clear the userChrome.js cache))',
style: 'list-style-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8%2F9hAAAACXBIWXMAAAsTAAALEwEAmpwYAAAKT2lDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjanVNnVFPpFj333vRCS4iAlEtvUhUIIFJCi4AUkSYqIQkQSoghodkVUcERRUUEG8igiAOOjoCMFVEsDIoK2AfkIaKOg6OIisr74Xuja9a89%2BbN%2FrXXPues852zzwfACAyWSDNRNYAMqUIeEeCDx8TG4eQuQIEKJHAAEAizZCFz%2FSMBAPh%2BPDwrIsAHvgABeNMLCADATZvAMByH%2Fw%2FqQplcAYCEAcB0kThLCIAUAEB6jkKmAEBGAYCdmCZTAKAEAGDLY2LjAFAtAGAnf%2BbTAICd%2BJl7AQBblCEVAaCRACATZYhEAGg7AKzPVopFAFgwABRmS8Q5ANgtADBJV2ZIALC3AMDOEAuyAAgMADBRiIUpAAR7AGDIIyN4AISZABRG8lc88SuuEOcqAAB4mbI8uSQ5RYFbCC1xB1dXLh4ozkkXKxQ2YQJhmkAuwnmZGTKBNA%2Fg88wAAKCRFRHgg%2FP9eM4Ors7ONo62Dl8t6r8G%2FyJiYuP%2B5c%2BrcEAAAOF0ftH%2BLC%2BzGoA7BoBt%2FqIl7gRoXgugdfeLZrIPQLUAoOnaV%2FNw%2BH48PEWhkLnZ2eXk5NhKxEJbYcpXff5nwl%2FAV%2F1s%2BX48%2FPf14L7iJIEyXYFHBPjgwsz0TKUcz5IJhGLc5o9H%2FLcL%2F%2Fwd0yLESWK5WCoU41EScY5EmozzMqUiiUKSKcUl0v9k4t8s%2BwM%2B3zUAsGo%2BAXuRLahdYwP2SycQWHTA4vcAAPK7b8HUKAgDgGiD4c93%2F%2B8%2F%2FUegJQCAZkmScQAAXkQkLlTKsz%2FHCAAARKCBKrBBG%2FTBGCzABhzBBdzBC%2FxgNoRCJMTCQhBCCmSAHHJgKayCQiiGzbAdKmAv1EAdNMBRaIaTcA4uwlW4Dj1wD%2FphCJ7BKLyBCQRByAgTYSHaiAFiilgjjggXmYX4IcFIBBKLJCDJiBRRIkuRNUgxUopUIFVIHfI9cgI5h1xGupE7yAAygvyGvEcxlIGyUT3UDLVDuag3GoRGogvQZHQxmo8WoJvQcrQaPYw2oefQq2gP2o8%2BQ8cwwOgYBzPEbDAuxsNCsTgsCZNjy7EirAyrxhqwVqwDu4n1Y8%2BxdwQSgUXACTYEd0IgYR5BSFhMWE7YSKggHCQ0EdoJNwkDhFHCJyKTqEu0JroR%2BcQYYjIxh1hILCPWEo8TLxB7iEPENyQSiUMyJ7mQAkmxpFTSEtJG0m5SI%2BksqZs0SBojk8naZGuyBzmULCAryIXkneTD5DPkG%2BQh8lsKnWJAcaT4U%2BIoUspqShnlEOU05QZlmDJBVaOaUt2ooVQRNY9aQq2htlKvUYeoEzR1mjnNgxZJS6WtopXTGmgXaPdpr%2Bh0uhHdlR5Ol9BX0svpR%2BiX6AP0dwwNhhWDx4hnKBmbGAcYZxl3GK%2BYTKYZ04sZx1QwNzHrmOeZD5lvVVgqtip8FZHKCpVKlSaVGyovVKmqpqreqgtV81XLVI%2BpXlN9rkZVM1PjqQnUlqtVqp1Q61MbU2epO6iHqmeob1Q%2FpH5Z%2FYkGWcNMw09DpFGgsV%2FjvMYgC2MZs3gsIWsNq4Z1gTXEJrHN2Xx2KruY%2FR27iz2qqaE5QzNKM1ezUvOUZj8H45hx%2BJx0TgnnKKeX836K3hTvKeIpG6Y0TLkxZVxrqpaXllirSKtRq0frvTau7aedpr1Fu1n7gQ5Bx0onXCdHZ4%2FOBZ3nU9lT3acKpxZNPTr1ri6qa6UbobtEd79up%2B6Ynr5egJ5Mb6feeb3n%2Bhx9L%2F1U%2FW36p%2FVHDFgGswwkBtsMzhg8xTVxbzwdL8fb8VFDXcNAQ6VhlWGX4YSRudE8o9VGjUYPjGnGXOMk423GbcajJgYmISZLTepN7ppSTbmmKaY7TDtMx83MzaLN1pk1mz0x1zLnm%2Beb15vft2BaeFostqi2uGVJsuRaplnutrxuhVo5WaVYVVpds0atna0l1rutu6cRp7lOk06rntZnw7Dxtsm2qbcZsOXYBtuutm22fWFnYhdnt8Wuw%2B6TvZN9un2N%2FT0HDYfZDqsdWh1%2Bc7RyFDpWOt6azpzuP33F9JbpL2dYzxDP2DPjthPLKcRpnVOb00dnF2e5c4PziIuJS4LLLpc%2BLpsbxt3IveRKdPVxXeF60vWdm7Obwu2o26%2FuNu5p7ofcn8w0nymeWTNz0MPIQ%2BBR5dE%2FC5%2BVMGvfrH5PQ0%2BBZ7XnIy9jL5FXrdewt6V3qvdh7xc%2B9j5yn%2BM%2B4zw33jLeWV%2FMN8C3yLfLT8Nvnl%2BF30N%2FI%2F9k%2F3r%2F0QCngCUBZwOJgUGBWwL7%2BHp8Ib%2BOPzrbZfay2e1BjKC5QRVBj4KtguXBrSFoyOyQrSH355jOkc5pDoVQfujW0Adh5mGLw34MJ4WHhVeGP45wiFga0TGXNXfR3ENz30T6RJZE3ptnMU85ry1KNSo%2Bqi5qPNo3ujS6P8YuZlnM1VidWElsSxw5LiquNm5svt%2F87fOH4p3iC%2BN7F5gvyF1weaHOwvSFpxapLhIsOpZATIhOOJTwQRAqqBaMJfITdyWOCnnCHcJnIi%2FRNtGI2ENcKh5O8kgqTXqS7JG8NXkkxTOlLOW5hCepkLxMDUzdmzqeFpp2IG0yPTq9MYOSkZBxQqohTZO2Z%2Bpn5mZ2y6xlhbL%2BxW6Lty8elQfJa7OQrAVZLQq2QqboVFoo1yoHsmdlV2a%2FzYnKOZarnivN7cyzytuQN5zvn%2F%2FtEsIS4ZK2pYZLVy0dWOa9rGo5sjxxedsK4xUFK4ZWBqw8uIq2Km3VT6vtV5eufr0mek1rgV7ByoLBtQFr6wtVCuWFfevc1%2B1dT1gvWd%2B1YfqGnRs%2BFYmKrhTbF5cVf9go3HjlG4dvyr%2BZ3JS0qavEuWTPZtJm6ebeLZ5bDpaql%2BaXDm4N2dq0Dd9WtO319kXbL5fNKNu7g7ZDuaO%2FPLi8ZafJzs07P1SkVPRU%2BlQ27tLdtWHX%2BG7R7ht7vPY07NXbW7z3%2FT7JvttVAVVN1WbVZftJ%2B7P3P66Jqun4lvttXa1ObXHtxwPSA%2F0HIw6217nU1R3SPVRSj9Yr60cOxx%2B%2B%2Fp3vdy0NNg1VjZzG4iNwRHnk6fcJ3%2FceDTradox7rOEH0x92HWcdL2pCmvKaRptTmvtbYlu6T8w%2B0dbq3nr8R9sfD5w0PFl5SvNUyWna6YLTk2fyz4ydlZ19fi753GDborZ752PO32oPb%2B%2B6EHTh0kX%2Fi%2Bc7vDvOXPK4dPKy2%2BUTV7hXmq86X23qdOo8%2FpPTT8e7nLuarrlca7nuer21e2b36RueN87d9L158Rb%2F1tWeOT3dvfN6b%2FfF9%2FXfFt1%2Bcif9zsu72Xcn7q28T7xf9EDtQdlD3YfVP1v%2B3Njv3H9qwHeg89HcR%2FcGhYPP%2FpH1jw9DBY%2BZj8uGDYbrnjg%2BOTniP3L96fynQ89kzyaeF%2F6i%2FsuuFxYvfvjV69fO0ZjRoZfyl5O%2FbXyl%2FerA6xmv28bCxh6%2ByXgzMV70VvvtwXfcdx3vo98PT%2BR8IH8o%2F2j5sfVT0Kf7kxmTk%2F8EA5jz%2FGMzLdsAAAAEZ0FNQQAAsY58%2B1GTAAAAIGNIUk0AAHolAACAgwAA%2Bf8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAN8SURBVHjaVJFNTBxlAIafb2Z29gd2l4VdYCkokAUt1AJplQRTrVqjUWMPPWHSCzb21IOn9qIHY2xMahoTTb00NmkUm5qAjdpUI61VaCxCpCVYixt%2ByvKzCwu7LDs7zMw3HmhM%2Bt6fJ0%2FyCp69wiOzZBCPcqSmIXg0HPHuC4R8nkLWyOXyYiIzfuVHzMIA%2BZsLtH18EApntUdhpzUSD5577nDLi%2FGWKjx%2BHVfR8HpFwNwsxTMzza%2BOXJ1%2B58Ev2sVEV%2ByEawXqxf8FllNWEQ9ePXzsqQOecIDU8jampSAVD76Al2BIIx4Dv2Nz7%2FYq%2B5%2BP8sNXE6WdAhdQlOM9rzUdaGiN8M9UjnKvQjzuA0UjV3AxDIcHywqRoEbXoVrKgyBtKXYEUvprmiN9oaoyvr9wl62NHJbtJeDzOo17YmprVzWOppLO2RRNwf1FSOzSUAXsCIR4QdP13UPfjhUde2mjuBXUjcXNEabOnJmq7Y4Nd7z1fu%2BJ%2FR2Jpgrm0jauAI8GlnSlBi4I0bO6sLBWHc9esxRdmjOZf5n%2B5CLWzCzOvsbKupBZ1xgmElUoC%2BgoKtRGQfNomoaND8P8XS%2Bby1olO7O6GHTl1DejGDOrNB%2BvpO7I%2Ba31%2FDP9Z28YUmqoqhCKcG2EYD6ZMUTojZ8WHmsqD%2BI6wnWFajugCkuuZaV%2FZS47wp99R7E3LbxPV6rtr7dV1pmyuBWs3hr7dZ380LC2tzseffvUHm86C1JC2A%2FrGcn509cn%2BPvTk9ibc1R06qL91Ms1CadF000ll9rVS2VykLzVr0lHOgtpuJ9yUFyXxqhKZjbH2nJRI9IZwyw2kXjvXV%2FIOWgaBcc2a%2BtjdVXR1J3iBDx8QUpQUJAuJJclseogxz441H5vrPO72cm0VSyVPJq27ZaHm8ST3Y0M9d9Kkr19A1A1x4VIObTGBfNrsJ5XmE9b6KqgvrOGhr1Vns2sgeNIkXiigvHf1liZuHWZYjINSEXRVLewZjN6bYmYbvN4rcDvVzFKLnOpErMLBpvbklClznyyyPDA6DjTX3wJWICr%2Bnb3ffjXSGpl5Nxnn88uh2ORUCBaHfVQU%2BsjVuGhKqJT5lFYShr8fGH4j42bH53EnJ4EtgEEPQOTzHx9mqXLl9AT9TS82RvreOmVcMTXVh4JhIr5kp3LFu6u3Lk%2ByMylQazU3ENYAvw3AFUTimFqj5i7AAAAAElFTkSuQmCC)',
/* onclick: 'if (event.button == 0) { \
Services.startup.quit(Ci.nsIAppStartup.eRestart | Ci.nsIAppStartup.eAttemptQuit); \
}; \
if (event.button == 1 || event.button == 2) { \
Services.appinfo.invalidateCachesOnRestart(); \
Services.startup.quit(Ci.nsIAppStartup.eRestart | Ci.nsIAppStartup.eAttemptQuit); \
};' */
};
for (var p in props)
toolbaritem.setAttribute(p, props[p]);
toolbaritem.addEventListener('click', event => {
if (event.button == 1) {
Services.startup.quit(Ci.nsIAppStartup.eRestart | Ci.nsIAppStartup.eAttemptQuit);
}
if (event.button == 0 || event.button == 2) {
event.preventDefault();
Services.appinfo.invalidateCachesOnRestart();
Services.startup.quit(Ci.nsIAppStartup.eRestart | Ci.nsIAppStartup.eAttemptQuit);
}
});
return toolbaritem;
}
});
} catch(e) { };
var menuitem = document.createXULElement('menuitem');
var props = {
id: 'restartfirefox-fileMenu2',
label: 'RESTART',
tooltiptext: 'Restart (right-click and middle-click clear the userChrome.js cache))',
};
menuitem.addEventListener('click', event => {
if (event.button == 0) {
Services.startup.quit(Ci.nsIAppStartup.eRestart | Ci.nsIAppStartup.eAttemptQuit);
}
if (event.button == 1 || event.button == 2) {
Services.appinfo.invalidateCachesOnRestart();
Services.startup.quit(Ci.nsIAppStartup.eRestart | Ci.nsIAppStartup.eAttemptQuit);
}
});
for (var p in props)
menuitem.setAttribute(p, props[p]);
document.getElementById('menu_FilePopup').insertBefore(menuitem,
document.getElementById('menu_FileQuitItem'));
var menuitem = document.createXULElement('toolbarbutton');
menuitem.id = 'restartfirefox-fileMenu';
menuitem.classList.add('subviewbutton', 'subviewbutton-iconic');
menuitem.setAttribute('label' , 'RESTART');
menuitem.setAttribute('tooltiptext' , 'RESTART');
menuitem.style.listStyleImage= 'url(\'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8%2F9hAAAACXBIWXMAAAsTAAALEwEAmpwYAAAKT2lDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjanVNnVFPpFj333vRCS4iAlEtvUhUIIFJCi4AUkSYqIQkQSoghodkVUcERRUUEG8igiAOOjoCMFVEsDIoK2AfkIaKOg6OIisr74Xuja9a89%2BbN%2FrXXPues852zzwfACAyWSDNRNYAMqUIeEeCDx8TG4eQuQIEKJHAAEAizZCFz%2FSMBAPh%2BPDwrIsAHvgABeNMLCADATZvAMByH%2Fw%2FqQplcAYCEAcB0kThLCIAUAEB6jkKmAEBGAYCdmCZTAKAEAGDLY2LjAFAtAGAnf%2BbTAICd%2BJl7AQBblCEVAaCRACATZYhEAGg7AKzPVopFAFgwABRmS8Q5ANgtADBJV2ZIALC3AMDOEAuyAAgMADBRiIUpAAR7AGDIIyN4AISZABRG8lc88SuuEOcqAAB4mbI8uSQ5RYFbCC1xB1dXLh4ozkkXKxQ2YQJhmkAuwnmZGTKBNA%2Fg88wAAKCRFRHgg%2FP9eM4Ors7ONo62Dl8t6r8G%2FyJiYuP%2B5c%2BrcEAAAOF0ftH%2BLC%2BzGoA7BoBt%2FqIl7gRoXgugdfeLZrIPQLUAoOnaV%2FNw%2BH48PEWhkLnZ2eXk5NhKxEJbYcpXff5nwl%2FAV%2F1s%2BX48%2FPf14L7iJIEyXYFHBPjgwsz0TKUcz5IJhGLc5o9H%2FLcL%2F%2Fwd0yLESWK5WCoU41EScY5EmozzMqUiiUKSKcUl0v9k4t8s%2BwM%2B3zUAsGo%2BAXuRLahdYwP2SycQWHTA4vcAAPK7b8HUKAgDgGiD4c93%2F%2B8%2F%2FUegJQCAZkmScQAAXkQkLlTKsz%2FHCAAARKCBKrBBG%2FTBGCzABhzBBdzBC%2FxgNoRCJMTCQhBCCmSAHHJgKayCQiiGzbAdKmAv1EAdNMBRaIaTcA4uwlW4Dj1wD%2FphCJ7BKLyBCQRByAgTYSHaiAFiilgjjggXmYX4IcFIBBKLJCDJiBRRIkuRNUgxUopUIFVIHfI9cgI5h1xGupE7yAAygvyGvEcxlIGyUT3UDLVDuag3GoRGogvQZHQxmo8WoJvQcrQaPYw2oefQq2gP2o8%2BQ8cwwOgYBzPEbDAuxsNCsTgsCZNjy7EirAyrxhqwVqwDu4n1Y8%2BxdwQSgUXACTYEd0IgYR5BSFhMWE7YSKggHCQ0EdoJNwkDhFHCJyKTqEu0JroR%2BcQYYjIxh1hILCPWEo8TLxB7iEPENyQSiUMyJ7mQAkmxpFTSEtJG0m5SI%2BksqZs0SBojk8naZGuyBzmULCAryIXkneTD5DPkG%2BQh8lsKnWJAcaT4U%2BIoUspqShnlEOU05QZlmDJBVaOaUt2ooVQRNY9aQq2htlKvUYeoEzR1mjnNgxZJS6WtopXTGmgXaPdpr%2Bh0uhHdlR5Ol9BX0svpR%2BiX6AP0dwwNhhWDx4hnKBmbGAcYZxl3GK%2BYTKYZ04sZx1QwNzHrmOeZD5lvVVgqtip8FZHKCpVKlSaVGyovVKmqpqreqgtV81XLVI%2BpXlN9rkZVM1PjqQnUlqtVqp1Q61MbU2epO6iHqmeob1Q%2FpH5Z%2FYkGWcNMw09DpFGgsV%2FjvMYgC2MZs3gsIWsNq4Z1gTXEJrHN2Xx2KruY%2FR27iz2qqaE5QzNKM1ezUvOUZj8H45hx%2BJx0TgnnKKeX836K3hTvKeIpG6Y0TLkxZVxrqpaXllirSKtRq0frvTau7aedpr1Fu1n7gQ5Bx0onXCdHZ4%2FOBZ3nU9lT3acKpxZNPTr1ri6qa6UbobtEd79up%2B6Ynr5egJ5Mb6feeb3n%2Bhx9L%2F1U%2FW36p%2FVHDFgGswwkBtsMzhg8xTVxbzwdL8fb8VFDXcNAQ6VhlWGX4YSRudE8o9VGjUYPjGnGXOMk423GbcajJgYmISZLTepN7ppSTbmmKaY7TDtMx83MzaLN1pk1mz0x1zLnm%2Beb15vft2BaeFostqi2uGVJsuRaplnutrxuhVo5WaVYVVpds0atna0l1rutu6cRp7lOk06rntZnw7Dxtsm2qbcZsOXYBtuutm22fWFnYhdnt8Wuw%2B6TvZN9un2N%2FT0HDYfZDqsdWh1%2Bc7RyFDpWOt6azpzuP33F9JbpL2dYzxDP2DPjthPLKcRpnVOb00dnF2e5c4PziIuJS4LLLpc%2BLpsbxt3IveRKdPVxXeF60vWdm7Obwu2o26%2FuNu5p7ofcn8w0nymeWTNz0MPIQ%2BBR5dE%2FC5%2BVMGvfrH5PQ0%2BBZ7XnIy9jL5FXrdewt6V3qvdh7xc%2B9j5yn%2BM%2B4zw33jLeWV%2FMN8C3yLfLT8Nvnl%2BF30N%2FI%2F9k%2F3r%2F0QCngCUBZwOJgUGBWwL7%2BHp8Ib%2BOPzrbZfay2e1BjKC5QRVBj4KtguXBrSFoyOyQrSH355jOkc5pDoVQfujW0Adh5mGLw34MJ4WHhVeGP45wiFga0TGXNXfR3ENz30T6RJZE3ptnMU85ry1KNSo%2Bqi5qPNo3ujS6P8YuZlnM1VidWElsSxw5LiquNm5svt%2F87fOH4p3iC%2BN7F5gvyF1weaHOwvSFpxapLhIsOpZATIhOOJTwQRAqqBaMJfITdyWOCnnCHcJnIi%2FRNtGI2ENcKh5O8kgqTXqS7JG8NXkkxTOlLOW5hCepkLxMDUzdmzqeFpp2IG0yPTq9MYOSkZBxQqohTZO2Z%2Bpn5mZ2y6xlhbL%2BxW6Lty8elQfJa7OQrAVZLQq2QqboVFoo1yoHsmdlV2a%2FzYnKOZarnivN7cyzytuQN5zvn%2F%2FtEsIS4ZK2pYZLVy0dWOa9rGo5sjxxedsK4xUFK4ZWBqw8uIq2Km3VT6vtV5eufr0mek1rgV7ByoLBtQFr6wtVCuWFfevc1%2B1dT1gvWd%2B1YfqGnRs%2BFYmKrhTbF5cVf9go3HjlG4dvyr%2BZ3JS0qavEuWTPZtJm6ebeLZ5bDpaql%2BaXDm4N2dq0Dd9WtO319kXbL5fNKNu7g7ZDuaO%2FPLi8ZafJzs07P1SkVPRU%2BlQ27tLdtWHX%2BG7R7ht7vPY07NXbW7z3%2FT7JvttVAVVN1WbVZftJ%2B7P3P66Jqun4lvttXa1ObXHtxwPSA%2F0HIw6217nU1R3SPVRSj9Yr60cOxx%2B%2B%2Fp3vdy0NNg1VjZzG4iNwRHnk6fcJ3%2FceDTradox7rOEH0x92HWcdL2pCmvKaRptTmvtbYlu6T8w%2B0dbq3nr8R9sfD5w0PFl5SvNUyWna6YLTk2fyz4ydlZ19fi753GDborZ752PO32oPb%2B%2B6EHTh0kX%2Fi%2Bc7vDvOXPK4dPKy2%2BUTV7hXmq86X23qdOo8%2FpPTT8e7nLuarrlca7nuer21e2b36RueN87d9L158Rb%2F1tWeOT3dvfN6b%2FfF9%2FXfFt1%2Bcif9zsu72Xcn7q28T7xf9EDtQdlD3YfVP1v%2B3Njv3H9qwHeg89HcR%2FcGhYPP%2FpH1jw9DBY%2BZj8uGDYbrnjg%2BOTniP3L96fynQ89kzyaeF%2F6i%2FsuuFxYvfvjV69fO0ZjRoZfyl5O%2FbXyl%2FerA6xmv28bCxh6%2ByXgzMV70VvvtwXfcdx3vo98PT%2BR8IH8o%2F2j5sfVT0Kf7kxmTk%2F8EA5jz%2FGMzLdsAAAAEZ0FNQQAAsY58%2B1GTAAAAIGNIUk0AAHolAACAgwAA%2Bf8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAN8SURBVHjaVJFNTBxlAIafb2Z29gd2l4VdYCkokAUt1AJplQRTrVqjUWMPPWHSCzb21IOn9qIHY2xMahoTTb00NmkUm5qAjdpUI61VaCxCpCVYixt%2ByvKzCwu7LDs7zMw3HmhM%2Bt6fJ0%2FyCp69wiOzZBCPcqSmIXg0HPHuC4R8nkLWyOXyYiIzfuVHzMIA%2BZsLtH18EApntUdhpzUSD5577nDLi%2FGWKjx%2BHVfR8HpFwNwsxTMzza%2BOXJ1%2B58Ev2sVEV%2ByEawXqxf8FllNWEQ9ePXzsqQOecIDU8jampSAVD76Al2BIIx4Dv2Nz7%2FYq%2B5%2BP8sNXE6WdAhdQlOM9rzUdaGiN8M9UjnKvQjzuA0UjV3AxDIcHywqRoEbXoVrKgyBtKXYEUvprmiN9oaoyvr9wl62NHJbtJeDzOo17YmprVzWOppLO2RRNwf1FSOzSUAXsCIR4QdP13UPfjhUde2mjuBXUjcXNEabOnJmq7Y4Nd7z1fu%2BJ%2FR2Jpgrm0jauAI8GlnSlBi4I0bO6sLBWHc9esxRdmjOZf5n%2B5CLWzCzOvsbKupBZ1xgmElUoC%2BgoKtRGQfNomoaND8P8XS%2Bby1olO7O6GHTl1DejGDOrNB%2BvpO7I%2Ba31%2FDP9Z28YUmqoqhCKcG2EYD6ZMUTojZ8WHmsqD%2BI6wnWFajugCkuuZaV%2FZS47wp99R7E3LbxPV6rtr7dV1pmyuBWs3hr7dZ380LC2tzseffvUHm86C1JC2A%2FrGcn509cn%2BPvTk9ibc1R06qL91Ms1CadF000ll9rVS2VykLzVr0lHOgtpuJ9yUFyXxqhKZjbH2nJRI9IZwyw2kXjvXV%2FIOWgaBcc2a%2BtjdVXR1J3iBDx8QUpQUJAuJJclseogxz441H5vrPO72cm0VSyVPJq27ZaHm8ST3Y0M9d9Kkr19A1A1x4VIObTGBfNrsJ5XmE9b6KqgvrOGhr1Vns2sgeNIkXiigvHf1liZuHWZYjINSEXRVLewZjN6bYmYbvN4rcDvVzFKLnOpErMLBpvbklClznyyyPDA6DjTX3wJWICr%2Bnb3ffjXSGpl5Nxnn88uh2ORUCBaHfVQU%2BsjVuGhKqJT5lFYShr8fGH4j42bH53EnJ4EtgEEPQOTzHx9mqXLl9AT9TS82RvreOmVcMTXVh4JhIr5kp3LFu6u3Lk%2ByMylQazU3ENYAvw3AFUTimFqj5i7AAAAAElFTkSuQmCC\')';
menuitem.addEventListener('click', event => {
if (event.button == 0) {
Services.startup.quit(Ci.nsIAppStartup.eRestart | Ci.nsIAppStartup.eAttemptQuit);
}
if (event.button == 1 || event.button == 2) {
Services.appinfo.invalidateCachesOnRestart();
Services.startup.quit(Ci.nsIAppStartup.eRestart | Ci.nsIAppStartup.eAttemptQuit);
}
});
var refItem = document.getElementById('appMenu-viewCache').content.getElementById('appMenu-quit-button2');
refItem.parentNode.insertBefore(menuitem, refItem);
})();
Alles anzeigen
Welches Script nutzt Du?
Link oder Code wäre echt gut!
Hier wird ja vieles Möglich gemacht, aber Hellsehen kann von uns niemand!
Und wie Andreas schon schrieb, mach bitte ein Update!
Aktuell ist Version 149.
Wie bekomme ich den Code hier hinein?
Kopieren und einfügen ![]()
Nutze für Code bitte die fünfte Schaltfläche von links!
Und wenn Du mit dem Mauszeiger drüberfährst, bekommst Du es auch angezeigt.
Die Menüleistenmenüs kann ich halt am Mac leider gar nicht testen;
Dem war ich mir bewusst, ich wollte Dir nur Feedback geben.
Und im Normalzustand sind an den zwei Stellen überhaupt keine Symbole.
Bzw. nur bei "Vollbild" ist keines, bei "Nur Text zoomen" nur wenn aktiviert
und dann ist da das Häkchen.
Eventuell hat ja jemand anderes eine elegantere Lösung, als meine.
Evtl. sind spezielle Menüs auch speziell einzustellen, nur so ein Gedanke.
Ich denke, ich habe es entsprechend eingeengt.
@-moz-document url(chrome://browser/content/browser.xhtml) {
/* ----------------------------------------------- */
/* ------------- Checkboxen allgemein ------------ */
/* ----------------------------------------------- */
/* Symbol ausblenden, wenn Option deaktiviert */
menupopup > menuitem[type="checkbox"] > img.menu-icon,
menupopup > menuitem[type="checkbox"]:not([checked]) > img,
menupopup > menuitem[type="checkbox"][checked] > img {
display: none !important;
}
/* Eigenes Symbol einfügen, wenn Option aktiviert */
menupopup > menuitem[type="checkbox"][checked]::before {
content: '' !important;
display: block !important;
width: 16px !important;
height: 16px !important;
margin-left: 0px !important;
margin-right: 6px !important;
background-image: url("../icons/menu-check_lime.svg") !important;
background-repeat: no-repeat !important;
background-size: 16px 16px !important;
background-position: center !important;
}
/* Eigenes Symbol einfügen, wenn Option deaktiviert */
menupopup > menuitem[type="checkbox"]::before {
content: '' !important;
display: block !important;
width: 16px !important;
height: 16px !important;
margin-left: 0px !important;
margin-right: 6px !important;
background-image: url("../icons/stop_smal_red.svg") !important;
background-repeat: no-repeat !important;
background-size: 16px 16px !important;
background-position: center !important;
}
menupopup > menuitem#goOfflineMenuitem[type="checkbox"]::before,
menupopup > menuitem#fullScreenItem[type="checkbox"]::before {
visibility: collapse !important;
}
/* --- Symbolleisten --- */
#toggle_PersonalToolbar > menupopup > menuitem[type="radio"][checked] > .menu-icon {
display: none !important;
}
#toggle_PersonalToolbar > menupopup > menuitem[type="radio"][checked]::before {
content: url("../icons/menu-check_lime.svg") !important;
/*content: url("chrome://global/skin/icons/settings.svg") !important; */
display: block !important;
width: 16px !important;
height: 16px !important;
margin-left: -2px !important;
margin-right: 10px !important;
}
#toggle_PersonalToolbar > menupopup > menuitem[type="radio"]:not([checked])::before {
content: url("../icons//square_2.svg") !important;
/*content: url("chrome://global/skin/icons/close.svg") !important; */
display: block !important;
width: 16px !important;
height: 16px !important;
margin-left: -2px !important;
margin-right: -14px !important;
}
/* ------ Sidebar ------ */
/* Eigenes Symbol einfügen, wenn Option aktiviert */
menupopup > menuitem#menu_historySidebar[type="checkbox"][checked]::before,
menupopup > menuitem#menu_tabsSidebar[type="checkbox"][checked]::before,
menupopup > menuitem#menu_bookmarksSidebar[type="checkbox"][checked]::before,
menupopup > menuitem#menu_genaiChatSidebar[type="checkbox"][checked]::before,
menupopup > menuitem#menu_megalistSidebar[type="checkbox"][checked]::before {
background-image: url("../icons/menu-check_lime.svg") !important;
}
/* Eigene Symbole für inaktiven Einträge */
/* Chronik */
menuitem[id="menu_historySidebar"][type="checkbox"]::before {
background-image: url("../icons/history.svg") !important;
}
/* Synchronisierte Tabs */
menuitem[id="menu_tabsSidebar"][type="checkbox"]::before {
background-image: url("../icons/Dock Side Left.svg") !important;
}
/* Lesezeichen */
menuitem[id="menu_bookmarksSidebar"][type="checkbox"]::before {
background-image: url("../icons/bookmark.svg") !important;
}
/* KI-Chatbot */
menuitem[id="menu_genaiChatSidebar"][type="checkbox"]::before {
background-image: url("../icons/robot-icon.svg") !important;
}
/* Passwörter */
menuitem[id="menu_megalistSidebar"][type="checkbox"]::before {
background-image: url("../icons//passwords.svg") !important;
}
/* -------- Zoom -------- */
/* Nur Text zoomen, aktiviert */
menupopup > #toggle_zoom[type="checkbox"][checked]::before {
content: '' !important;
display: block !important;
width: 16px !important;
height: 16px !important;
margin-left: -22px !important;
margin-right: 6px !important;
background-image: url("../icons/menu-check_lime.svg") !important;
background-repeat: no-repeat !important;
background-size: 16px 16px !important;
background-position: center !important;
}
/* Nur Text zoomen, deaktiviert */
menupopup > #toggle_zoom[type="checkbox"]::before {
content: '' !important;
display: block !important;
width: 16px !important;
height: 16px !important;
margin-left: -22px !important;
margin-right: 6px !important;
background-image: url("../icons/stop_smal_red.svg") !important;
background-repeat: no-repeat !important;
background-size: 16px 16px !important;
background-position: center !important;
}
/* --- Webseiten-Stil --- */
/* Symbol ausblenden, wenn Option aktiviert */
#menu_pageStyleNoStyle[type="radio"] > .menu-icon,
#menu_pageStylePersistentOnly[type="radio"] > .menu-icon {
visibility: hidden !important;
}
/* Symbol einfügen, wenn Option inaktiv */
#menu_pageStyleNoStyle[type="radio"]:not([checked])::before,
#menu_pageStylePersistentOnly[type="radio"]:not([checked])::before {
content: url("../icons//square_2.svg") !important;
/*content: url("chrome://global/skin/icons/warning.svg") !important; */
display: block !important;
width: 16px !important;
height: 16px !important;
margin-left: -2px !important;
margin-right: -18px !important;
}
/* Symbol einfügen, wenn Option aktiviert */
#menu_pageStyleNoStyle[type="radio"]::before,
#menu_pageStylePersistentOnly[type="radio"]::before {
content: url("../icons/menu-check_lime.svg") !important;
/*content: url("chrome://global/skin/icons/delete.svg") !important; */
display: block !important;
width: 16px !important;
height: 16px !important;
margin-left: -2px !important;
margin-right: -18px !important;
}
}
Alles anzeigen
Ich finde, das sieht gar nicht schlecht aus,
und Fehlverhalten habe ich jetzt auch nicht mehr feststellen können.
Wirkt wohl nur noch da, wo es auch wirken soll.
Und damit seid ihr beide nicht auf dem aktuellen Stand.
Oh, danke nochmals für diesen Hinweis!
Ich hatte nur an einer Stelle im CSS noch [checked="true"] stehen und habe es korrigiert.
Mh, und an einer Stelle noch [checked="false"], auch korrigiert.
Oh, dann ist das alles noch etwas feiner gegliedert! Verstehe.
Es kann nur genau ein CSS zutreffen für Form, und eines für Farbe - falls vorhanden.
Oh, dass wird schwierig!
Z.Z. ist es so, dass nur nach den Bereichen, wo das CSS wirken soll getrennt wird!
Also eine Datei für die Menüleiste, eine Datei für diverse Kontextmenüs,
nur beim "Hamburgermenü", da habe ich für diverse Sachen zwei Dateien,
Da ist es im groben schon so, Design (Symbole, Abstände usw. in einer Datei,
Einstellungen (Abstände und weiteres ) in einer anderen Datei.
Funktioniert hier gar nicht, wobei ich nur den Leistencode testen kann.
Ob es Unterschiede zwischen den Betriebssystemen gibt?
Dein Code funktioniert hier auf meinem Windowsrechner nicht!
Getestet in einem Profil ohne irgendwelche anderen Anpassungen!
Die ganze Anwendung von checked macht für mich auch keinen Sinn.
Mag Dir nicht einleuchtend sein, aber die Selektoren habe das Attribut [checked = "true"] oder [checked = " "]
oder eben [checked = "false"].
Das mache ich mir zunutze.
Hast du das in Isolation getestet?
Die Frage habe ich schon beantwortet.
... beziehst du dich auch auf Symbole 01-08, ohne Link ...
Bitte schön => RE: Symbole in den Kontextmenüs [ Update ]
Hilft halt nur nicht wirklich was, weil sich dieses CSS von hier, mit eben jenen noch behagt!
Ich schieb ja, dass ich das noch am Anpassen bin!
Icons die kein Mensch hat
Weshalb ich auch in den CSS von hier "interne Symbole belassen habe".
Aber wer die von mir verwendeten Symbole unbedingt braucht => sind auch oben im Beitrag
und eines hier => #296
Soll das überhaupt jemand testen, oder führst du hier Tagebuch?
Kannst Du Dir aussuchen.
.DeJaVu Ich sehe, aber ich verstehe nicht ganz.
Mein Konzept ist, @import in der userChorme.css.
Und für jedes gibt es eine eigene Datei.
Ja, ich habe schon versucht "Settings" und andere Dinge etwas voneinander zu trennen.
Die einzelnen CSS-Dateien sollen ja auch unabhängig voneinander funktionierten,
was mir leider nicht so 100%tig gelingen will.
Dann wird es an betreffenden Stellen Kommentare im Code geben.
Anders weiß ich mir nicht zu helfen.
Du hast recht.
Ich werde zu gegebener Zeit alles aufklären.
Jeder CSS und dann auch mit Bild.
Versprochen.
Aber wie ich direkt einen Beitrag zuvor schon schrieb, müssen die Dateien noch bereinigt werden.
Da sind noch eine Menge Codefragmente und Kommentare, welch nur für mich waren, drinnen.
Jetzt aber.
Und meine CSS-Dateien für die Symbole 01-08 auch gleich grob bereinigt!
Werde dann die Tage noch aufräumen und putzen.
Hier das eingehegte CSS für die Auswahlfelder,
ich hoffe inständig, dass ich nicht doch noch irgendetwas übersehen habe!
Ich bedanke mich ganz
lichst bei Mitleser für seine Vorlage
und auch bei 2002Andreas für den Denkanstoß, ohne den ich gar nicht weitergekommen wäre.
/* Checkboxen allgemein */
/* Symbol ausblenden, wenn Option deaktiviert */
menupopup > menuitem[type="checkbox"] > img.menu-icon,
menupopup > menuitem[type="checkbox"][checked="false"] > img,
menupopup > menuitem[type="checkbox"][checked="true"] > img {
display: none !important;
}
/* Eigenes Symbol einfügen, wenn Option aktiviert */
/*menupopup > #toggle_zoom[type="checkbox"][checked]::before,
menupopup > #toggle_zoom[type="checkbox"][checked="true"]::before */
menupopup > menuitem[type="checkbox"][checked]::before {
content: '' !important;
display: block !important;
width: 16px !important;
height: 16px !important;
margin-left: 0px !important;
margin-right: 6px !important;
background-image: url("../icons/menu-check_lime.svg") !important;
background-repeat: no-repeat !important;
background-size: 16px 16px !important;
background-position: center !important;
}
/* Eigenes Symbol einfügen, wenn Option deaktiviert */
/*menupopup > #toggle_zoom[type="checkbox"]::before,
menupopup > #toggle_zoom[type="checkbox"][checked="false"]::before */
menupopup > menuitem[type="checkbox"]::before {
content: '' !important;
display: block !important;
width: 16px !important;
height: 16px !important;
margin-left: 0px !important;
margin-right: 6px !important;
background-image: url("../icons/stop_smal_red.svg") !important;
background-repeat: no-repeat !important;
background-size: 16px 16px !important;
background-position: center !important;
}
/* Symbolleisten */
#toggle_PersonalToolbar > menupopup > menuitem[checked] > .menu-icon {
display: none !important;
}
#toggle_PersonalToolbar > menupopup > menuitem[checked]::before {
content: url("../icons/menu-check_lime.svg") !important;
/*content: url("chrome://global/skin/icons/settings.svg") !important; */
display: block !important;
width: 16px !important;
height: 16px !important;
margin-left: -2px !important;
margin-right: 10px !important;
}
#toggle_PersonalToolbar > menupopup > menuitem:not([checked])::before {
content: url("../icons//square_2.svg") !important;
/*content: url("chrome://global/skin/icons/close.svg") !important; */
display: block !important;
width: 16px !important;
height: 16px !important;
margin-left: -2px !important;
margin-right: -14px !important;
}
/* Sidebar */
/* Eigenes Symbol einfügen, wenn Option aktiviert */
menupopup > menuitem#menu_historySidebar[type="checkbox"][checked="true"]::before,
menupopup > menuitem#menu_tabsSidebar[type="checkbox"][checked="true"]::before,
menupopup > menuitem#menu_bookmarksSidebar[type="checkbox"][checked="true"]::before,
menupopup > menuitem#menu_genaiChatSidebar[type="checkbox"][checked="true"]::before,
menupopup > menuitem#menu_megalistSidebar[type="checkbox"][checked="true"]::before {
background-image: url("../icons/menu-check_lime.svg") !important;
}
/* Eigene Symbole für inaktiven Einträge */
/* Chronik */
menuitem[id="menu_historySidebar"][type="checkbox"]::before {
background-image: url("../icons/history.svg") !important;
}
/* Synchronisierte Tabs */
menuitem[id="menu_tabsSidebar"][type="checkbox"]::before {
background-image: url("../icons/Dock Side Left.svg") !important;
}
/* Lesezeichen */
menuitem[id="menu_bookmarksSidebar"][type="checkbox"]::before {
background-image: url("../icons/bookmark.svg") !important;
}
/* KI-Chatbot */
menuitem[id="menu_genaiChatSidebar"][type="checkbox"]::before {
background-image: url("../icons/robot-icon.svg") !important;
}
/* Passwörter */
menuitem[id="menu_megalistSidebar"][type="checkbox"]::before {
background-image: url("../icons//passwords.svg") !important;
}
/* Zoom */
/* Wird z.Z. mit "Checkboxen allgemein" abgedeckt */
/* Nur Text zoomen, aktiviert */
menupopup > #toggle_zoom[type="checkbox"][checked]::before {
content: '' !important;
display: block !important;
width: 16px !important;
height: 16px !important;
margin-left: -22px !important;
margin-right: 6px !important;
background-image: url("../icons/menu-check_lime.svg") !important;
background-repeat: no-repeat !important;
background-size: 16px 16px !important;
background-position: center !important;
}
/* Nur Text zoomen, deaktiviert */
menupopup > #toggle_zoom[type="checkbox"]::before {
content: '' !important;
display: block !important;
width: 16px !important;
height: 16px !important;
margin-left: -22px !important;
margin-right: 6px !important;
background-image: url("../icons/stop_smal_red.svg") !important;
background-repeat: no-repeat !important;
background-size: 16px 16px !important;
background-position: center !important;
}
/* Webseiten-Stil */
/* Symbol ausblenden, wenn Option aktiviert */
#menu_pageStyleNoStyle > .menu-icon,
#menu_pageStylePersistentOnly > .menu-icon {
visibility: hidden !important;
}
/* Symbol einfügen, wenn Option inaktiv */
#menu_pageStyleNoStyle:not([checked])::before,
#menu_pageStylePersistentOnly:not([checked])::before {
content: url("../icons//square_2.svg") !important;
/*content: url("chrome://global/skin/icons/warning.svg") !important; */
display: block !important;
width: 16px !important;
height: 16px !important;
margin-left: -2px !important;
margin-right: -18px !important;
}
/* Symbol einfügen, wenn Option aktiviert */
#menu_pageStyleNoStyle::before,
#menu_pageStylePersistentOnly::before {
content: url("../icons/menu-check_lime.svg") !important;
/*content: url("chrome://global/skin/icons/delete.svg") !important; */
display: block !important;
width: 16px !important;
height: 16px !important;
margin-left: -2px !important;
margin-right: -18px !important;
}
Alles anzeigen
Zu früh gefreut. Ich muss die Bereiche, wo gewisse Dinge wirken, noch mehr eingrenzen.
So, habe es, so hoffe ich geschafft, den Krempel mit den Checkboxen, irgendwie hin zu bekommen.
Wenn jemand mein Verbrechen unter die Lupe nehmen könnte
und diese elenden margin-left: & margin-right: ausrichtungen irgendwie wegbekommen könnte,
wäre das echt dufte. ![]()
Ich weiß es halt nicht besser, aber ohne ist das Erscheinungsbild dann doch sehr besch....eiden.
Hier mein Werk, bzw. DAS Verbrechen.
/* Checkboxen allgemein */
/* Symbol ausblenden, wenn Option deaktiviert */
menupopup > menuitem[type="checkbox"] > img.menu-icon,
menupopup > menuitem[type="checkbox"][checked="false"] > img,
menupopup > menuitem[type="checkbox"][checked="true"] > img {
display: none !important;
}
/* Eigenes Symbol einfügen, wenn Option aktiviert */
menupopup > menuitem[type="checkbox"][checked]::before,
menupopup > menuitem[type="checkbox"][checked="true"]::before {
content: '' !important;
display: block !important;
width: 16px !important;
height: 16px !important;
margin-left: 0px !important;
margin-right: 6px !important;
background-image: url("../icons/menu-check_lime.svg") !important;
background-repeat: no-repeat !important;
background-size: 16px 16px !important;
background-position: center !important;
}
/* Eigenes Symbol einfügen, wenn Option deaktiviert */
menupopup > menuitem[type="checkbox"]::before,
menupopup > menuitem[type="checkbox"][checked="false"]::before {
content: '' !important;
display: block !important;
width: 16px !important;
height: 16px !important;
margin-left: 0px !important;
margin-right: 6px !important;
background-image: url("../icons/stop_smal_red.svg") !important;
background-repeat: no-repeat !important;
background-size: 16px 16px !important;
background-position: center !important;
}
/* Symbolleisten */
menuitem[checked] > .menu-icon {
display: none !important;
}
menuitem[checked]::before {
content: url("../icons/menu-check_lime.svg") !important;
display: block !important;
width: 16px !important;
height: 16px !important;
margin-left: -2px !important;
margin-right: 10px !important;
}
menuitem:not([checked])::before {
content: url("../icons//square_2.svg") !important;
display: block !important;
width: 16px !important;
height: 16px !important;
margin-left: -2px !important;
margin-right: -14px !important;
}
/* Sidebar */
/* Eigenes Symbol einfügen, wenn Option aktiviert */
menupopup > menuitem#menu_historySidebar[type="checkbox"][checked="true"]::before,
menupopup > menuitem#menu_tabsSidebar[type="checkbox"][checked="true"]::before,
menupopup > menuitem#menu_bookmarksSidebar[type="checkbox"][checked="true"]::before,
menupopup > menuitem#menu_genaiChatSidebar[type="checkbox"][checked="true"]::before,
menupopup > menuitem#menu_megalistSidebar[type="checkbox"][checked="true"]::before {
background-image: url("../icons/menu-check_lime.svg") !important;
}
/* Eigene Symbole für inaktiven Einträge */
/* Chronik */
menuitem[id="menu_historySidebar"][type="checkbox"]::before {
background-image: url("../icons/history.svg") !important;
}
/* Synchronisierte Tabs */
menuitem[id="menu_tabsSidebar"][type="checkbox"]::before {
background-image: url("../icons/Dock Side Left.svg") !important;
}
/* Lesezeichen */
menuitem[id="menu_bookmarksSidebar"][type="checkbox"]::before {
background-image: url("../icons/bookmark.svg") !important;
}
/* KI-Chatbot */
menuitem[id="menu_genaiChatSidebar"][type="checkbox"]::before {
background-image: url("../icons/robot-icon.svg") !important;
}
/* Passwörter */
menuitem[id="menu_megalistSidebar"][type="checkbox"]::before {
background-image: url("../icons//passwords.svg") !important;
}
/* Zoom */
/* Wird z.Z. mit "Checkboxen allgemein" abgedeckt */
/* Webseiten-Stil */
/* Symbol ausblenden, wenn Option aktiviert */
#menu_pageStyleNoStyle > .menu-icon,
#menu_pageStylePersistentOnly > .menu-icon {
visibility: hidden !important;
}
/* Symbol einfügen, wenn Option inaktiv */
#menu_pageStyleNoStyle:not([checked])::before,
#menu_pageStylePersistentOnly:not([checked])::before {
content: url("../icons//square_2.svg") !important;
display: block !important;
width: 16px !important;
height: 16px !important;
margin-left: -2px !important;
margin-right: -18px !important;
}
/* Symbol einfügen, wenn Option aktiviert */
#menu_pageStyleNoStyle::before,
#menu_pageStylePersistentOnly::before {
content: url("../icons/menu-check_lime.svg") !important;
display: block !important;
width: 16px !important;
height: 16px !important;
margin-left: -2px !important;
margin-right: -18px !important;
}
Alles anzeigen
Anmerkung.
Das ist nur eine CSS für all die Auswahlfelder!
Ob und wie das dann mit anderen Anpassungen funktioniert steh noch gar nicht fest.
Das teste ich jetzt in dem Testprofil aus.
Dass ich manchmal blöde bin weiß ich!
Aber so doof, wie Du mich hältst bin ich dann doch nicht!
Im Übrigen habe ich für mich eine Lösung.
So klappt es, wie ich es will!
/* Symbol ausblenden, wenn Option aktiviert */
#menu_pageStyleNoStyle > .menu-icon,
#menu_pageStylePersistentOnly > .menu-icon {
visibility: hidden !important;
}
/* Symbol einfügen, wenn Option inaktiv */
#menu_pageStyleNoStyle:not([checked])::before,
#menu_pageStylePersistentOnly:not([checked])::before {
content: url("../icons//square_2.svg") !important;
display: block !important;
width: 16px !important;
height: 16px !important;
margin-left: -2px !important;
margin-right: -18px !important;
}
/* Symbol einfügen, wenn Option aktiviert */
#menu_pageStyleNoStyle::before,
#menu_pageStylePersistentOnly::before {
content: url("../icons/menu-check_lime.svg") !important;
display: block !important;
width: 16px !important;
height: 16px !important;
margin-left: -2px !important;
margin-right: -18px !important;
}
Alles anzeigen
Danke Andreas,
warum habe ich mich da nur so verrannt? War schon am Verzweifeln.
Wie dieser Thread ja schon ziemlich geschreddert ist, würde ich vorschlagen ich mache einen Neuen auf!
Denn ich hätte da noch ein paar Fragen.
Behandlung von Radio-Buttons & Checkboxen
Es geht, wie die Überschrift ja schon andeutet um Radio-Button & Checkboxen!
Ich beabsichtige "meine" CSS-Dateien zu überarbeiten und die Behandlung der "Radio-Buttons & Checkboxen" in eine eigene Datei auszulagern.
Ich bin Dank Mitleser und auch anderen etwas weiter gekommen, aber dieses Mal hänge ich an dem Untermenü "Ansicht/Webseiten-Stil" fest.
Es will mir einfach nicht gelingen
1. das Häkchen durch ein eigenes Symbol zu ersetzen, ohne dass die Texte verschieben.
2. vor die deaktivierten Texte, "Kein Stil" und/oder "Standard-Stil" ein Symbol zu bekommen, ohne dass die Texte verschieben.
Entweder passt das eine, oder eben das andere!
So weit bin ich bisher gekommen, wo bei der Code für "Webseiten-Stil" gesammelte Werke sind und so nicht funktioniert.
/* <<< Submenu "Webseiten-Stil" >>> */
#menu_pageStylePersistentOnly[checked] > .menu-icon,
#menu_pageStyleNoStyle[checked] > .menu-icon {
display: none !important;
}
/* Symbol einfügen, wenn Option inaktiv */
#menu_pageStyleNoStyle:not([checked="true"])::before,
#menu_pageStylePersistentOnly:not([checked="true"])::before {
content: url("chrome://global/skin/icons/close.svg") !important;
height: 16px !important;
}
#menu_pageStyleNoStyle:not([checked="true"]) > label[value="Kein Stil"] {
margin-left: -20px !important;
}
/* Symbol ausblenden, wenn Option aktiviert */
#menu_pageStyleNoStyle[checked=""]::before,
#menu_pageStylePersistentOnly[checked=""]::before {
visibility: hidden !important;
}
#menu_pageStylePersistentOnly:not([checked="true"]) > label[value="Standard-Stil"] {
margin-left: -20px !important;
}
/* Symbol einfügen, wenn Option aktiv */
#menu_pageStyleNoStyle[checked=""] {
/* background-image: url("chrome://global/skin/icons/settings.svg") !important; */
background-image: url("chrome://global/skin/icons/delete.svg") !important;
background-repeat: no-repeat;
background-position: left 1em center !important;
}
#menu_pageStyleNoStyle > label[value="Kein Stil"] {
padding-left: 25px;
}
Alles anzeigen
Damit man das in den Browserwerkzeugen eben schnell mal testen kann, habe ich "interne" Symbole verwendet.
Mira_Belle es ist der CSS aus #37. Ich habe lediglich den Wert für margin-right in Zeile 28 auf -19px und in Zeile 44 auf 5px geändert. Auch habe ich die Werte von width und heigth auf 16px geändert. Ferner habe ich nach Zeile 47 padding-left: 8px eingefügt. Das ist alles.
Du musst dann halt ausprobieren und testen.
Eventuell haut bei Dir ja auch noch anderer Code dazwischen.