Oh, natürlich Installationsordner. Sorry!
Danke für die Aufklärung! Hole die Änderung nach und melde mich wieder ...
Beiträge von dribs
-
-
Hm, habe ich wirklich nicht! Auch in einem Backup vom Profilordner (ein paar Wochen alt, vor meinem Urlaub angelegt) ist dieser Unterordner inkl. utilities.js nicht vorhanden. Und trotzdem hat bisher alles funktioniert
Im Thread "Änderungen für Scriptnutzung" steht aber doch
... damit Scripte und auch CSS Dateien, bei Nutzung vom UserCSSLoader.uc.js, wieder funktionieren.
Nutze ich ja nicht. Änderung trotzdem durchführen?
-
Kontextmenü sieht bei mir wie folgt aus
Ich nutze keinen Script-Loader, dementsprechend keine UserCSSLoader.uc.js und keinen Unterordner userChromeJS mit utilities.js.
Im Unterordner chrome habe ich lediglich 4 Scripte:
- Grafik_anzeigen.uc.js
- Restart_Firefox.uc.js
- Space_and_Separator_restorer.uc.js
- Translate_DeepL.uc.js
In der Tat funktionieren ALLE Scripte NICHT MEHR (war mir nicht aufgefallen)
Probeweise ALLE Erweiterungen deaktiviert -- keine Änderung.
Die letzten 3 Scripte probeweise deaktiviert - keine Änderung.
Probeweise die userChrome.css deaktiviert - keine Änderung.
Natürlich mit jeweiligem Neustart des Browsers.
Abgesehen von den 4 Scripten habe ich im Ordner chrome die Dateien userchrome.js, usercontent.js sowie die userChrome.css. Deren Inhalt ist wie folgt:
CSS
Alles anzeigen@-moz-document url-prefix(chrome://browser/content/browser.xhtml) { #TabsToolbar { -moz-box-ordinal-group: 2; } #nav-bar{ border-top-width: 0px !important; } /* Menüleiste und Tabs Farbe */ #toolbar-menubar, #menubar-items, #main-menubar { color: #000000 !important; background-color: #cccccc !important; } .tab-background {background: #cccccc !important; } .tab-background[selected="true"]{background-color:#ffffff !important; } /* Inaktiver Tab Hover Farbe Weiß */ .tabbrowser-tab:not([visuallyselected="true"]):hover > .tab-stack > .tab-background { background: #ffffff !important; } /* Navigationsleiste - Hovereffekt - Farben #nav-bar { --toolbarbutton-hover-background: #ffffff !important; } #nav-bar .toolbarbutton-1:hover { fill: #000000 !important; }*/ /* Adressfeld und Suchfeld in weiß */ #urlbar, #urlbar *, #searchbar, #searchbar * { background-color: #ffffff !important; color: #000000 !important; } /* Rahmen von Adressfeld und Suchfeld transparent */ #urlbar-container { --toolbar-field-focus-border-color: transparent !important; } #search-container { --toolbar-field-focus-border-color: transparent !important; } /* Tab-Schließen-Button weniger Abstand, etwas größer */ #TabsToolbar .tab-close-button { margin-right: -2px !important; padding: 0 !important; height: 15px !important; width: 15px !important; color: #000000 !important; } /* Anwendungsmenü Zeilenabstände */ #appMenu-popup .subviewbutton {padding-top: 0px !important; } /* Kontextmenü Zeilenabstände*/ menupopup > menuitem, menupopup > menu { padding-block: 2px !important; padding-inline-start: 14px !important; } /* Kontextmenü "Barrierefreiheit-Eigenschaften untersuchen" ausblenden */ #context-inspect-a11y { display: none !important; } /* Kontextmenü "Übersetzen mit DeepL" ans Ende */ #context-googletranslate { -moz-box-ordinal-group: 10 !important; } /* Lesezeichen - Ordnericon gelb */ @-moz-document url-prefix("chrome://browser/content/browser.xhtml") { .bookmark-item[container="true"] { list-style-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAOCAYAAAAmL5yKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6M0IxNUY5NjNFRkY0MTFFN0EwMjNCOEY1NDJGNTM0MUYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6M0IxNUY5NjRFRkY0MTFFN0EwMjNCOEY1NDJGNTM0MUYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozQjE1Rjk2MUVGRjQxMUU3QTAyM0I4RjU0MkY1MzQxRiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozQjE1Rjk2MkVGRjQxMUU3QTAyM0I4RjU0MkY1MzQxRiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PpiI9NIAAAHKSURBVHjalFJNaxRBEH3VXT07u2MkKgREb4GA4CUQz8EfIAS95u7JS075CQEFvebsISd/gH8gCkogHuIxEAj5IAkJuonZzUz7umZ21w0k4DA1XTP95tWr1yU/P79c6vfKRecchMEbAs8cyO5MfQohfHw8934HN1z6++R48enzN0z5h0s/Bouzgy2c7X551Qt3J7i5fBOBfFub35iZfYbyzw7E53CaQ7QD7Uzj9LiLi6NNmKwEFqkjlVNh6KqO88WGFqj6e5i8X+DBoxcEtuvPLCA+o8IWizzE/ubb13req7Cx/tX690GRvFD1yLMMGhL/d6j37E6RtQtiJpB17lFCYZU0p5TZhQ+IZTeVIBGDK8ty1Xp12rTAle7avlxi/8c72M7F3pp54HyS1jYPnBZwgcFcQmEEPu15tqPEhSdUGKDjDojJMsskDnweptFUpESGXrnxM4kjK5tHrDkt5BqOp3CN4D+v5Nc4QUxnPDhKaeTHW0lGBI2+Gi/DkRh0ExtQ/Aecnupc/eLzaTocbEhsGjk0kIqiWiRtvC4Z1RX65SFxXZsdPT08WNnd3l6OVWXDEmOFVoejnAUzqZW3bcBGfY+qX57/Wv0rwAApZm2AlTI82wAAAABJRU5ErkJggg==') !important; -moz-image-region: rect(0px 16px 16px 0px) !important; } } }Irgendwelche Auffälligkeiten, die für den Fehler ursächlich sein könnten?
-
Seit dem gestrigen Update auf 92.0 funktioniert das Script leider nicht mehr, der Menüpunkt "Grafik anzeigen" ist verschwunden.
Besteht die Möglichkeit das wieder funktionstüchtig zu machen?
-
Funktioniert - vielen Dank dafür!
-
Zwecks Einfügen von senkrechten Trennlinien in die Symbolleiste verwende ich seit einiger Zeit das Script "Space_and_Separator_restorer.uc.js" von Aris (siehe Code weiter unten)
Seitdem habe ich folgendes Problem: beim Öffnen eines neuen privaten Fensters ist der Fokus (blinkender Cursor) nicht mehr im Adressfeld bzw. gar nicht sichtbar. Ich muss also zunächst in das Adressfeld klicken, bevor ich lostippen kann. Das ist äußerst lästig.
Beholfen habe ich mir zunächst damit, dass ich das Script deaktiviert (umbenannt) habe. Die einst eingefügten Trennlinien bleiben erhalten, ich kann nur keine neuen einfügen.
Kann mir einer von den Experten verraten warum das so ist bzw. wie ich das Verhalten ändern kann?
JavaScript
Alles anzeigen// Restore 'Space & Separator' items script for Firefox 60+ by Aris // // Default browser scripts always remove spaces and separators from default palette, so // because of that they are added to an own toolbar now. // // - spaces and separators can be moved to any toolbar // - to remove spaces or separators move them into palette // - configuration toolbar behaves like a default toolbar, items and buttons can be placed on it // - configuration toolbar is not visible outside customizing mode // - default "Flexible Space" item is hidden from palette and added to configuration toolbar // [!] BUG: do not move spaces, flexible spaces or separator to configuration toolbar or it will cause glitches // [!] BUG: do not move main 'space'-item to palette or it will be hidden until customizing mode gets reopened // [!] Fix for WebExtensions with own windows by 黒仪大螃蟹 (for 1-N scripts) Components.utils.import("resource:///modules/CustomizableUI.jsm"); var {Services} = Components.utils.import("resource://gre/modules/Services.jsm", {}); var appversion = parseInt(Services.appinfo.version); var AddSeparator = { init: function() { if (appversion >= 76 && location != 'chrome://browser/content/browser.xhtml') return; /* blank tab workaround */ try { if(gBrowser.selectedBrowser.getAttribute('blank')) gBrowser.selectedBrowser.removeAttribute('blank'); } catch(e) {} var tb_config_label = "Configuration Toolbar"; var tb_spacer_label = "Space"; var tb_sep_label = "Separator"; var tb_spring_label = "Flexible Space"; try { if(document.getElementById('configuration_toolbar') == null) { if(appversion <= 62) var tb_config = document.createElement("toolbar"); else var tb_config = document.createXULElement("toolbar"); tb_config.setAttribute("id","configuration_toolbar"); tb_config.setAttribute("customizable","true"); tb_config.setAttribute("class","toolbar-primary chromeclass-toolbar browser-toolbar customization-target"); tb_config.setAttribute("mode","icons"); tb_config.setAttribute("iconsize","small"); tb_config.setAttribute("toolboxid","navigator-toolbox"); tb_config.setAttribute("lockiconsize","true"); tb_config.setAttribute("ordinal","1005"); tb_config.setAttribute("defaultset","toolbarspacer,toolbarseparator"); document.querySelector('#navigator-toolbox').appendChild(tb_config); CustomizableUI.registerArea("configuration_toolbar", {legacy: true}); if(appversion >= 65) CustomizableUI.registerToolbarNode(tb_config); if(appversion <= 62) var tb_label = document.createElement("label"); else var tb_label = document.createXULElement("label"); tb_label.setAttribute("label", tb_config_label+": "); tb_label.setAttribute("value", tb_config_label+": "); tb_label.setAttribute("id","tb_config_tb_label"); tb_label.setAttribute("removable","false"); tb_config.appendChild(tb_label); if(appversion <= 62) var tb_spacer = document.createElement("toolbarspacer"); else var tb_spacer = document.createXULElement("toolbarspacer"); tb_spacer.setAttribute("id","spacer"); tb_spacer.setAttribute("class","chromeclass-toolbar-additional"); tb_spacer.setAttribute("customizableui-areatype","toolbar"); tb_spacer.setAttribute("removable","false"); tb_spacer.setAttribute("label", tb_spacer_label); tb_config.appendChild(tb_spacer); if(appversion <= 62) var tb_sep = document.createElement("toolbarseparator"); else var tb_sep = document.createXULElement("toolbarseparator"); tb_sep.setAttribute("id","separator"); tb_sep.setAttribute("class","chromeclass-toolbar-additional"); tb_sep.setAttribute("customizableui-areatype","toolbar"); tb_sep.setAttribute("removable","false"); tb_sep.setAttribute("label", tb_sep_label); tb_config.appendChild(tb_sep); if(appversion <= 62) var tb_spring = document.createElement("toolbarspring"); else var tb_spring = document.createXULElement("toolbarspring"); tb_spring.setAttribute("id","spring"); tb_spring.setAttribute("class","chromeclass-toolbar-additional"); tb_spring.setAttribute("customizableui-areatype","toolbar"); tb_spring.setAttribute("removable","false"); tb_spring.setAttribute("flex","1"); tb_spring.setAttribute("label", tb_spring_label); tb_config.appendChild(tb_spring); // CSS var sss = Components.classes["@mozilla.org/content/style-sheet-service;1"].getService(Components.interfaces.nsIStyleSheetService); var uri = Services.io.newURI("data:text/css;charset=utf-8," + encodeURIComponent('\ \ #configuration_toolbar { \ -moz-appearance: none !important; \ background-color: var(--toolbar-bgcolor); \ background-image: var(--toolbar-bgimage); \ background-clip: padding-box; \ color: var(--toolbar-color, inherit); \ } \ #main-window:not([customizing]) #configuration_toolbar { \ visibility: collapse; \ }\ #main-window[customizing] #configuration_toolbar #tb_config_tb_label { \ font-weight: bold !important; \ }\ #main-window[customizing] #configuration_toolbar :-moz-any(#spacer,#separator,#spring) { \ -moz-margin-start: 20px; \ }\ #main-window[customizing] #configuration_toolbar :-moz-any(#wrapper-spacer,#wrapper-separator,#wrapper-spring) .toolbarpaletteitem-label { \ display: block !important; \ -moz-margin-end: 20px; \ }\ #main-window[customizing] #wrapper-spacer #spacer { \ margin: 2px 0 !important; \ }\ #main-window[customizing] #configuration_toolbar #wrapper-spring #spring { \ margin: -1px 0 !important; \ min-width: 80px !important; \ }\ #main-window[customizing] #configuration_toolbar > * { \ padding: 10px !important; \ }\ #main-window[customizing] #configuration_toolbar > :-moz-any(#wrapper-spacer,#wrapper-separator,#wrapper-spring) { \ border: 1px dotted !important; \ -moz-margin-start: 2px !important; \ -moz-margin-end: 2px !important; \ }\ #main-window[customizing] toolbarspacer { \ border: 1px solid !important; \ }\ toolbar[orient="vertical"] toolbarseparator { \ -moz-appearance: none !important; \ border-top: 1px solid rgba(15,17,38, 0.5) !important; \ border-bottom: 1px solid rgba(255,255,255, 0.3) !important; \ margin: 2px 2px !important; \ height: 1px !important; \ width: 18px !important; \ }\ toolbar[orient="vertical"] toolbarspacer { \ -moz-appearance: none !important; \ height: 18px !important; \ width: 18px !important; \ }\ #customization-palette toolbarpaletteitem[id^="wrapper-customizableui-special-spring"], \ #customization-palette-container :-moz-any(#spring,#wrapper-spring) { \ display: none !important; \ }\ #main-window:not([customizing]) toolbar:not(#configuration_toolbar) toolbarspring {\ max-width: 100% !important; \ }\ \ '), null, null); sss.loadAndRegisterSheet(uri, sss.AGENT_SHEET); } } catch(e){} } } /* initialization delay workaround */ document.addEventListener("DOMContentLoaded", AddSeparator.init(), false); /* Use the below code instead of the one above this line, if issues occur */ /* setTimeout(function(){ AddSeparator.init(); },2000); */ -
Super, so habe ich mir das vorgestellt. Danke!
Damit ich euch nicht immer mit solchen Lappalien beschäftigen muss, habe ich in der Zwischenzeit
damit angefangen, mich mit dem CSS Inspektor zu beschäftigen.
Ich darf behaupten, dass ich der Lösung schon sehr nahe war. Es dauert aber bestimmt noch eine
Weile, bis ich da einigermaßen durchblicke.
Du bist mir heute zuvorgekommen, aber vielleicht schaffe ich es beim nächsten Mal ganz alleine
-
Verhält sich genauso wie beim Code von 2002Andreas. Siehe mein Beitrag #3
Ich wünschte mir, dass sich nur der 'eigentliche' Tab ändert, so wie beim "Neuer Tab" .
Trotzdem Danke.
-
Perfekt. Danke dir!
-
Ich habe es mit folgendem Code etwas dunkler gemacht
CSS/* Farbe Menüleiste */ #toolbar-menubar, #menubar-items, #main-menubar { color: #000000 !important; background-color: #cccccc !important; } -
Fast perfekt.
Allerdings ändert sich nicht nur der eigentliche Tab, sondern auch der dahinterliegende Teil in Weiß (siehe Bild 2).
Kann man da noch etwas machen?
-
Habe mir die Menü-/Tableiste mit folgendem Code angepasst
CSS
Alles anzeigen/* Farbe Menüleiste und Tabs */ #toolbar-menubar, #menubar-items, #main-menubar { color: #000000 !important; background-color: #cccccc !important;} .tabbrowser-tab .tab-label {color: #000000 !important;} .tab-close-button {color: #000000 !important;} .tab-background {background: #cccccc !important;} .tab-background[selected="true"]{background-color:#ffffff !important;} #main-window .tabs-newtab-button, #main-window #TabsToolbar #new-tab-button > .toolbarbutton-icon {color: #000000 !important;}Jetzt wünsche ich mir noch, dass ein inaktiver Tab beim Darüberfahren mit dem Mauszeiger WEIß erscheint.
Probiert habe ich es mit .tab-background:hover {background: #ffffff !important;}, da tut sich aber nichts.
Wie muss es richtig heißen?
-
Im Hamburger-Menü sind die Abstände nach wie vor zu groß.
Was müsste man im Code aus #2 ergänzen?
-
Merci, folgende Zeilen waren daran Schuld
CSS/* Hide "Send Link to Device" and separator */ #contentAreaContextMenu #context-sendlinktodevice, #contentAreaContextMenu #context-sep-sendlinktodevice {display: none !important;}Wofür waren die eigentlich noch mal gut? Ein Relikt aus alten Zeiten?
-
padding-block: 2px !important; gefällt mir - vielen Dank!
-
Seit dem Update auf FF89.0 fehlt mir im Kontextmenü ein Separator.
Um genauer zu sein: unter dem Menüpunkt "Link-Adresse kopieren".
In einem neuen Test Profil ist ein entsprechender Separator vorhanden.
Liegt das an meiner CSS?
CSS
Alles anzeigen@-moz-document url-prefix(chrome://browser/content/browser.xhtml) { #TabsToolbar { -moz-box-ordinal-group: 2; } #nav-bar{ border-top-width: 0px !important; } :root { --tabs-border: transparent !important; } /*Abstände der Einträge im Kontext wieder schmaler */ menupopup > menuitem, menupopup > menu { padding-block: 0 !important; padding-inline-start: 14px !important; } /* tab top border roundness */ #TabsToolbar .tabs-newtab-button, #TabsToolbar .tabbrowser-tab, #TabsToolbar .tabbrowser-tab .tab-stack, #TabsToolbar .tabbrowser-tab .tab-background, #TabsToolbar .tabbrowser-tab .tab-content { border-top-left-radius: 10px !important; border-top-right-radius: 10px !important; border: none; !important; } /* remove colored line above each tab */ #TabsToolbar .tabbrowser-tab .tab-line { visibility: hidden; } /* top and tab background and font colors */ #toolbar-menubar, #menubar-items, #main-menubar { background-color: #c7c7c7 !important; color: #000000 !important; background-image: none !important; } .tabbrowser-tab .tab-label {color: #000000 !important;} .tabbrowser-tabs {background: #c7c7c7 !important;} .tab-close-button {color: #000000 !important;} #main-window .tabs-newtab-button, #main-window #TabsToolbar #new-tab-button > .toolbarbutton-icon {color: #000000 !important;} /* Hide "Send Link to Device" and separator */ #contentAreaContextMenu #context-sendlinktodevice, #contentAreaContextMenu #context-sep-sendlinktodevice {display: none !important;} /* Hide "Search" and separator */ #context-searchselect {display: none !important;} } -
Habe mir den Code aus #2 in meine CSS eingebaut (Danke an 2002Andreas) - funktioniert soweit.
Allerdings ist mir der Abstand zwischen den Menüzeilen jetzt ZU klein, kleiner noch als in FF 88.0.1!
Kann man den Abstand ETWAS vergrößern? Wo muss ich ansetzen?
-
Klappt - vielen lieben Dank dafür! -
Ein Skript dafür:
JavaScript
Alles anzeigen(function() { if (!window.gBrowser) return; function viewMedia(event) { let where = whereToOpenLink(event, false, false); let referrerInfo = gContextMenu.contentData.referrerInfo; let systemPrincipal = Services.scriptSecurityManager.getSystemPrincipal(); if (gContextMenu.onCanvas) { gContextMenu._canvasToBlobURL(gContextMenu.targetIdentifier).then(function(blobURL) { openUILinkIn(blobURL, where, { referrerInfo, triggeringPrincipal: systemPrincipal, }); }, Cu.reportError); } else { urlSecurityCheck( gContextMenu.mediaURL, gContextMenu.principal, Ci.nsIScriptSecurityManager.DISALLOW_SCRIPT ); openUILinkIn(gContextMenu.mediaURL, where, { referrerInfo, forceAllowDataURI: true, triggeringPrincipal: gContextMenu.principal, csp: gContextMenu.csp, }); } } let item = document.getElementById('context-viewimage'); item.setAttribute('oncommand', '(' + viewMedia.toString() + ')(event);'); item.label = 'Grafik anzeigen'; })();Gehe ich recht in der Annahme, dass ich das als userscript im Ordner chrome ablegen soll?
Habe ich gemacht, als "viewimage.uc.js". Kann aber keine Änderung festellen, auch nicht nach Neustart.
Andere Scripte funktionieren aber!
Oder soll dieses Script das Add-on ersetzen?
-
CSS
menuitem[label="View Image"] { -moz-box-ordinal-group: 0 !important; }Das hat soweit funktioniert, Dankeschön dafür!
Aufgefallen ist mir aber:
Klicke ich auf ein reines Bild, verhält es sich wie von mir gewünscht
Ist das Bild jedoch mit einem Link versehen, wandert der Menüpunkt ganz nach oben zu den Link-Menüpunkten.
Lässt sich vermutlich nicht vermeiden, oder?
Kann ich denn die Reihenfolge beeinflussen (bei einer reinen Grafik)?
Besteht die Möglichkeit, den angezeigten Text zu ändern?Vielen Dank für die Mühe!
