Kontextmenü Firefox 88

Zitronella

Ich habe fest gestellt, dass mit Firefox 88 mein mit userChrome.css angepasstes Tab Kontextmenü einige Fehler aufweist.

Es fehlt das Icon bei "Tab stummschalten" sowie der gesamte Eintrag "In Tab-Umgebung öffnen"

Meine userChrome.css für diese Bereiche sieht so aus:

CSS

/* Einträge aus Tab-Kontextmenü entfernen */
#context_pinTab,
#context_unpinTab,
#context_pinSelectedTabs,
#context_unpinSelectedTabs,
#context_bookmarkTab,
#tabContextMenu #context_sendTabToDevice,
#tabContextMenu #context_sendTabToDevice + menuseparator,
#context_closeOtherTabs + menuseparator,
#context_undoCloseTab, #context_closeTab 
{ display:none !important; }

/* Einträge aus Tab-Kontextmenü mit Icon versehen */

#context_reloadTab::before {
  margin-right: -22px !important; 
  margin-left: 3px !important;
  content: '' !important;
  display: block !important;
  width: 19px !important;
  height: 15px !important;
  background-image: url('chrome://browser/skin/reload.svg') !important;
  background-repeat: no-repeat !important;
  background-size: 15px 15px !important;
}
#context_reloadSelectedTabs::before {
  margin-right: -22px !important; 
  margin-left: 3px !important;
  content: '' !important;
  display: block !important;
  width: 19px !important;
  height: 8px !important;
  background-image: url('chrome://browser/skin/reload.svg') !important;
  background-repeat: space !important;
  background-size: 8px 8px !important;
}

#context_toggleMuteTab[label="Tab stummschalten"]::before
{
  margin-right: -22px !important; 
  margin-left: 3px !important;
  content: '' !important;
  display: block !important;
  width: 19px !important;
  height: 15px !important;
  background-image: url('chrome://browser/skin/tabbrowser/tab-audio-muted.svg') !important;
  background-repeat: no-repeat !important;
  background-size: 15px 15px !important;
}
#context_toggleMuteTab[label="Stummschaltung für Tab aufheben"]::before
{
  margin-right: -22px !important; 
  margin-left: 3px !important;
  content: '' !important;
  display: block !important;
  width: 19px !important;
  height: 15px !important;
  background-image: url('chrome://browser/skin/tabbrowser/tab-audio-playing.svg') !important;
  background-repeat: no-repeat !important;
  background-size: 15px 15px !important;
}
#context_toggleMuteSelectedTabs[label="Tabs stummschalten"]::before
{
  margin-right: -22px !important; 
  margin-left: 3px !important;
  content: '' !important;
  display: block !important;
  width: 19px !important;
  height: 8px !important;
  background-image: url('chrome://browser/skin/tabbrowser/tab-audio-muted.svg') !important;
  background-repeat: space !important;
  background-size: 8px 8px !important;
}
#context_toggleMuteSelectedTabs[label="Stummschaltung für Tabs aufheben"]::before
{
  margin-right: -22px !important; 
  margin-left: 3px !important;
  content: '' !important;
  display: block !important;
  width: 19px !important;
  height: 8px !important;
  background-image: url('chrome://browser/skin/tabbrowser/tab-audio-playing.svg') !important;
  background-repeat: space !important;
  background-size: 8px 8px !important;
}

#context_duplicateTab::before {
  margin-right: -22px !important; 
  margin-left: 3px !important;
  content: '' !important;
  display: block !important;
  width: 19px !important;
  height: 15px !important;
  background-image: url('chrome://browser/skin/tab.svg') !important;
  background-repeat: no-repeat !important;
  background-size: 15px 15px !important;
}
#context_duplicateTabs::before {
  margin-right: -22px !important; 
  margin-left: 3px !important;
  content: '' !important;
  display: block !important;
  width: 19px !important;
  height: 8px !important;
  background-image: url('chrome://browser/skin/tab.svg') !important;
  background-repeat: space !important;
  background-size: 8px 8px !important;
}

#context_selectAllTabs::before {
  transform: rotate(45deg) !important;
  margin-right: -22px !important; 
  margin-left: 3px !important;
  content: '' !important;
  display: block !important;
  width: 19px !important;
  height: 15px !important;
  background-image: url('chrome://browser/skin/fullscreen.svg') !important;
  background-repeat: no-repeat !important;
  background-size: 15px 15px !important;
}

#context_closeTabsToTheEnd::before {
  transform: scaleX(-1)!important;
  margin-right: -22px !important; 
  margin-left: 3px !important;
  content: '' !important;
  display: block !important;
  width: 19px !important;
  height: 15px !important;
  background-image: url('chrome://global/skin/icons/undo.svg') !important;
  background-repeat: no-repeat !important;
  background-size: 15px 15px !important;
}

#context_closeLeftTabs::before {
  margin-right: -22px !important; 
  margin-left: 3px !important;
  content: '' !important;
  display: block !important;
  width: 19px !important;
  height: 15px !important;
  background-image: url('chrome://global/skin/icons/undo.svg') !important;
  background-repeat: no-repeat !important;
  background-size: 15px 15px !important;
}
#context_closeOtherTabs::before {
  margin-right: -22px !important; 
  margin-left: 3px !important;
  content: '' !important;
  display: block !important;
  width: 19px !important;
  height: 15px !important;
  background-image: url('chrome://global/content/aboutconfig/toggle.svg') !important;
  background-repeat: no-repeat !important;
  background-size: 15px 15px !important;
}

#context_bookmarkSelectedTabs::before {
  margin-right: -22px !important; 
  margin-left: 3px !important;
  content: '' !important;
  display: block !important;
  width: 19px !important;
  height: 8px !important;
  background-image: url('chrome://browser/skin/bookmark-hollow.svg') !important;
  background-repeat: space !important;
  background-size: 8px 8px !important;
}

Alles anzeigen

allerdings habe ich den "Fehler" schon gefunden, denn an der userChrome.css scheint es nicht zu liegen sondern eher an der Skript Datei close-tabs-left.uc.js mit folgendem Inhalt:

JavaScript

(function() {

  if (location != 'chrome://browser/content/browser.xhtml')
    return;

  let menuitem = document.createXULElement('menuitem');
  menuitem.id = 'context_closeLeftTabs';
  menuitem.setAttribute('label', 'Linke Tabs schließen');
  menuitem.setAttribute('oncommand',
    'for (let i = TabContextMenu.contextTab._tPos - 1; i >= 0; i--) \
       gBrowser.removeTab(gBrowser.tabs[i], {animate: true})');

  let tabContextMenu = document.getElementById('tabContextMenu');
  let refItem = document.getElementById('context_undoCloseTab');
  tabContextMenu.insertBefore(menuitem, refItem);
  tabContextMenu.insertBefore(document.getElementById('context_closeTabsToTheEnd'), refItem);
  tabContextMenu.insertBefore(document.getElementById('context_closeOtherTabs'), refItem);
  tabContextMenu.removeChild(document.getElementById('context_closeTabOptions'));

})();

Alles anzeigen

Denn sobald ich diese lösche ist das Icon wieder sichtbar bei "Tab stummschalten" sowie auch der Eintrag "In Tab-Umgebung öffnen"

Hat da jemand evtl. eine Lösung bitte

Was ich auch angepasst habe per userChrome.css war im Seitenkontextmenü der Eintrag für "Seiteninformationen anzeigen" (da habe ich ein Icon vor gesetzt)

CSS

/* Einträge aus Seiten-Kontextmenü mit Icon versehen */
#context-viewinfo::before {
  margin-right: -22px !important; 
  margin-left: 3px !important;
  content: '' !important;
  display: block !important;
  width: 19px !important;
  height: 15px !important;
  background-image: url('chrome://browser/skin/info.svg') !important;
  background-repeat: no-repeat !important;
  background-position: 3px 0px !important;
  background-size: 15px 15px !important;
}

Alles anzeigen

Seit Firefox 88 ist dieser Eintrag wohl ganz verschwunden. Kann mann den wieder bekommen.

Außerdem gefällt mir nicht die Stelle an der jetzt "Bildschirmfoto aufnehmen" ist und dass es kein Icon hat.

Was müsste ich tun, damit es wieder wie vorher aussieht?

2002Andreas

Zitat von Zitronella

sondern eher an der Skript Datei

Teste damit bitte mal:

JavaScript

(function() {

  if (location != 'chrome://browser/content/browser.xhtml')
    return;

  let menuitem = document.createXULElement('menuitem');
  menuitem.id = 'context_closeLeftTabs';
  menuitem.setAttribute('label', 'Linke Tabs schließen');
  menuitem.setAttribute('oncommand',
    'for (let i = TabContextMenu.contextTab._tPos - 1; i >= 0; i--) \
       gBrowser.removeTab(gBrowser.tabs[i], {animate: true})');

  let tabContextMenu = document.getElementById('tabContextMenu');
  let refItem = document.getElementById('context_undoCloseTab');
  tabContextMenu.insertBefore(menuitem, refItem);
  tabContextMenu.insertBefore(document.getElementById('context_closeTabsToTheEnd'), refItem);
  tabContextMenu.insertBefore(document.getElementById('context_closeOtherTabs'), refItem);
  tabContextMenu.removeChild(document.getElementById('context_closeTabOptions'));

})();

Alles anzeigen

Zitat von Zitronella

Seiteninformationen

Ist jetzt nur noch unter: Extras

Verschieben lässt sich das wenn wohl nur per Script. Da muss ich aber leider passen.

Zitat von Zitronella

"Bildschirmfoto aufnehmen" ist und dass es kein Icon hat.

Diverse Icons wurden entfernt.

Ich nutze ein eigenes jetzt:

CSS

menuitem[label="Bildschirmfoto aufnehmen"]::before {
  margin-right: -23px !important; 
  margin-left: 5px !important;
  content: '' !important;
  display: block !important;
  width: 19px !important;
  height: 15px !important;
  background-image: url("file:///C:/Users/Andi/Icons%20Firefox/Computer_File_020.gif") !important;
  background-repeat: no-repeat !important;
  background-position: 0px 0px !important;
  background-size: 15px 15px !important;
}

Alles anzeigen

Zitronella

Zitat von 2002Andreas

Teste damit bitte mal:

ist doch komplett identisch mit meinem

2002Andreas

Zitat von Zitronella

ist doch komplett identisch mit meinem

Sorry, ich nutze reichlich von diesen Scripten

Teste diesen bitte mal, da ist unten ein Eintrag auskommentiert.

Oder mach das einfach in deinem Script mit dem Eintrag.

JavaScript

(function() {

  if (location != 'chrome://browser/content/browser.xhtml')
    return;

  let menuitem = document.createXULElement('menuitem');
  menuitem.id = 'context_closeLeftTabs';
  menuitem.setAttribute('label', 'Linke Tabs schließen');
  menuitem.setAttribute('oncommand',
    'for (let i = TabContextMenu.contextTab._tPos - 1; i >= 0; i--) \
       gBrowser.removeTab(gBrowser.tabs[i], {animate: true})');

  let tabContextMenu = document.getElementById('tabContextMenu');
  let refItem = document.getElementById('context_undoCloseTab');
  tabContextMenu.insertBefore(menuitem, refItem);
  tabContextMenu.insertBefore(document.getElementById('context_closeTabsToTheEnd'), refItem);
  tabContextMenu.insertBefore(document.getElementById('context_closeOtherTabs'), refItem);
  //tabContextMenu.removeChild(document.getElementById('context_closeTabOptions'));

})();

Alles anzeigen

Zitronella

Danke, das hat geholfen

Ich habe in der userChrome.css den Eintrag "Mehrere Tabs schließen" mit

CSS

#context_closeTabOptions
{ display:none !important; }

jetzt ausgeblendet.

Dann sieht es bei mir wieder so aus

Der Rest ist zwar schade, aber nicht ganz so störend für mich.

Seiteninformationen kann man jetzt wohl mit Strg+i aufrufen, ich glaube das ging vorher nicht.

2002Andreas

Zitat von Zitronella

ich glaube das ging vorher nicht.

Eben getestet, funktionierte in 87 auch schon.

Zitat von Zitronella

Der Rest ist zwar schade

Du nimmst ja gerne die Standardicons vom Fx.

In Proton sind die fast alle weg dann...denk bitte dran.

Sören Hentzschel

Zitronella: In Firefox 92 musst du chrome://browser/skin/reload.svg durch chrome://global/skin/icons/reload.svg ersetzen.

Zitronella

Vielen Dank aber ist egal denn:

Zitat von Zitronella

Eigentlich sollte das "mehr" im Threadtitel auch beeinhalten, dass ich die Icons wieder haben wollte im Menü und Kontextmenü.
Jetzt sind 3 Tage vergangen und ich habe mich dran gewöhnt, da die Menüs doch deutlich aufgeräumter sind. Somit entfällt das.

Kontextmenü Firefox 88

Ähnliche Themen

Kein neuer Tab Feld sichtbar

Kontextmenü Website