Symbole in den Kontextmenüs [ Update ]

Mira_Belle

Der Selektor:

CSS

#contentAreaContextMenu:not(.in-menulist) > menuitem:not(.menuitem-iconic, [checked="true"]) {
        padding-inline-start: calc(1em + 24px) !important;
        background-position: left 1em center;
        background-repeat: no-repeat;
        background-size: 16px;
        -moz-context-properties: fill, fill-opacity;
        fill: #E0E0E0 !important;
}

Und dann mit den Eigenschaften etwas herumexperimentieren.
fill: #E0E0E0 !important; brauchst Du ja nicht. und -moz-context-properties: fill, fill-opacity; wohl auch nicht!

Horstmann

Zitat von Endor

Leider nein.
Der tut gar nichts.

Mein Fehler. Und jetzt?

CSS

#mainPopupSet menupopup menu:not(.menu-iconic) .menu-icon {
    display: none !important;
}

Zitat von Mira_Belle
Der Selektor:
Code
#contentAreaContextMenu:not(.in-menulist) > menuitem:not(.menuitem-iconic, [checked="true"]) {
....
Und dann mit den Eigenschaften etwas herumexperimentieren.
fill: #E0E0E0 !important; brauchst Du ja nicht. und -moz-context-properties: fill, fill-opacity; wohl auch nicht!

Wem und zu welchem Code antwortest du jeweils in den letzten Beiträgen?

Endor

@Horstmann.

Ja ja ja. Das ist es.
Passt perfekt.
Vielen Dank.

Mfg.
Endor

Horstmann

Zitat von Endor

Passt .

Prima!

Und evtl. für die Menüleiste das noch dazu:

CSS

#main-menubar menupopup menu:not(.menu-iconic) > .menu-icon {
    display: none !important;
}

Endor

Einen Fehler habe ich noch.
Ich verwende dieses Script:

Code

// ==UserScript==
// @name           UndoListInTabmenuToo
// @namespace      http://space.geocities.yahoo.co.jp/gl/alice0775
// @description    UndoListInTabmenuToo.uc.js
// @include        main
// @compatibility  Firefox 140
// @author         Alice0775
// @version        2025/09/05 mark '*' for current index in the tooltip
// @version        2025/08/06 fix tooltip bug due to the change of 25/01/05
// @version        2025/07/26 add List All Tabs menu
// @version        2025/01/05 remove redundant menuitems
// @version        2025/01/05 fix bug
// @version        2024/12/22 fix Bug 1936336 - Disallow inline event handlers
// @version        2024/08/23 Bug 1690613 - Allow access to url/title/favIconUrl without "tabs" permission in session API
// @version        2023/06/16 08:00 Bug 1819675 - Expand recently closed tabs to include all Windows
// @version        2022/05/10 fix ref to context-media-eme-separator
// @version        2021/12/09 remove JSON.parse (Bug 1733425)
// @version        2021/04/25 fix 1689378
// @version        2019/11/14 remove eval
// @version        2019/06/30 10:00 Bug 1555060 Convert <tabs> to a custom element
// @version        2019/06/24 23:00 wait for gBrowser initialized
// @version        2019/05/21 08:30 fix 69.0a1 Bug 1551320 - Replace all createElement calls in XUL documents with createXULElement
// @version        2018/05/10 60
// @version        2017/11/18 nsIPrefBranch to nsIPrefBranch
// @version        2010/09/18 00:00 4.0b7pre
// @version        2009/02/03 13:00 Tab-Verlauf im Tooltip anzeigen
// @Note           Fügt die UndoClose-Tab-Liste zu Tabs und Kontextmenüs hinzu
// @OriginalCode   Orginalcode aus browser.js für populateUndoSubmenu verwenden
// @version        2018/05/09 15:00 61
// ==/UserScript==
// @version        2010/03/26 13:00  Minefield/3.7a4pre Bug 554991 -  allow tab context menu to be modified by normal XUL overlays
// @version        2010/03/15 00:00  Minefield/3.7a4pre Bug 347930 -  Tab strip should be a toolbar instead
// @version        2009/09/09 15:00 Mittelklick-Handhabung
// @version        2009/09/03 22:00 Firefox3.7a1pre Funktion wurde wieder hergestellt. (Bug 489925. getElementById should not return anonymous nodes)
// @version        2009/08/22 00:00 Firefox3.6 Ändern des stringbandle
// @version        2009/04/24 00:00 #394759 [Firefox:Session Restore]-Add undo close window feature
// @version        2008/10/12 18:00 Fx3.0.4pre Mittelklick-Popupmenü wurde nicht geschlossen und andere Korrekturen
// @version        2007/10/05 10:00

var UndoListInTabmenu = {
// -- config --
  TABCONTEXTMENU : true , //Im Tabkontextmenü: anzeigen: true, nicht anzeigen: false
  CONTEXTMENU    : true,  //Im Hauptkontextmenü: anzeigen: true , nicht anzeigen: false
// -- config end--
  ss: null,

  get tabContext() {
    return document.getElementById("tabContextMenu");
  },

  get navigatorBundle() {
    return Services.strings.createBundle(
           "chrome://browser/locale/browser.properties"
           );
  },

  init: function(){

    if (this.TABCONTEXTMENU){
      //Tabkontextmenü
      var tabContext = this.tabContext;
      this.makePopup(tabContext, null, "tabContextUndoList");
    }
    if (this.CONTEXTMENU){
      //Hauptkontextmenü
      var contextMenu = document.getElementById("contentAreaContextMenu");
      var refItem = document.getElementById("context-media-eme-separator");
      this.makePopup(contextMenu, refItem, "ContextUndoList");
    }
    // get closed-tabs from nsSessionStore
    this._ss = SessionStore;

  },

  makePopup: function(popup, refItem, id){
    var menu;
    //label
    const locale = "de";
    
    // "Recently Closed Windows"
    menu = document.createXULElement("menu");
    menu.setAttribute("id", "historyUndoWindowMenu3");
    menu.setAttribute("label", "K\u00FCrzlich geschlossene Fenster");
    menu.setAttribute("accesskey", "F");
    menu.setAttribute("disabled", "false");
    popup.insertBefore(menu, refItem);

    menupopup = document.createXULElement("menupopup");
    menu.appendChild(menupopup);
    menupopup.setAttribute("id", "historyUndoWindowPopup3");
    //menu.setAttribute("onpopupshowing", "UndoListInTabmenu.populateUndoWindowSubmenu(this);");
    menupopup.addEventListener("popupshowing", (event) => UndoListInTabmenu.populateUndoWindowSubmenu(event.currentTarget));

    //Liste kürzlich geschossener Tabs
    const LABELTEXT = "K\u00FCrzlich geschlossene Tabs";    //create menu
    menu = document.createXULElement("menu");
    menu.setAttribute("label", LABELTEXT);
    menu.setAttribute("accesskey", "T");
    if (id)
      menu.setAttribute("id", id);
    //menu.setAttribute("disabled", true);
    var menupopup = document.createXULElement("menupopup");
    menupopup.addEventListener("popupshowing", () => UndoListInTabmenu.populateUndoSubmenu(menupopup));
    //menupopup.setAttribute("onpopupshowing", "UndoListInTabmenu.populateUndoSubmenu(this);");
    menu.appendChild(menupopup);
    popup.insertBefore(menu, refItem);

    //All tabs menu
    menu = document.createXULElement("menuitem");
    menu.setAttribute("label", "Alle Tabs auflisten");
    menu.setAttribute("accesskey", "A");
    popup.insertBefore(menu, refItem);
    menu.addEventListener("command", (event) => {document.getElementById("alltabs-button").click()})


    //add event listener
    popup.addEventListener('popupshowing',function(event) {
      UndoListInTabmenu.toggleRecentlyClosedWindows(document.getElementById("historyUndoWindowMenu3"));
      // no restorable tabs, so make sure menu is disabled, and return
      if (UndoListInTabmenu._ss.getClosedTabCount(window) == 0) {
        menu.setAttribute("disabled", true);
        //menu.setAttribute("hidden", true);
        return;
      }
      menu.removeAttribute("disabled");
      //menu.setAttribute("hidden", false);
    },false);
  },

  /**
   * Populate when the history menu is opened (Fx3.6)
   */
  populateUndoSubmenu: function(undoPopup) {
		while (undoPopup.hasChildNodes()) {
			undoPopup.removeChild(undoPopup.firstChild);
		}
		var utils = RecentlyClosedTabsAndWindowsMenuUtils;
		var tabsFragment = utils.getTabsFragment(
		  window,
      "menuitem",
      /* aPrefixRestoreAll = */ true,
      "menu-history-reopen-all-tabs"
    );
		undoPopup.appendChild(tabsFragment);

    // populate tab historis for tooltip
    var undoItems = UndoListInTabmenu._ss.getClosedTabDataForWindow(window);
    for (var i = 0; i < undoItems.length; i++) {
      var entries = undoItems[i].state.entries;
      var tooltiptext = "";
      for (var j = entries.length - 1; j > -1; j--){
        if (j != entries.length - 1)
          tooltiptext += "\n";
        if (undoItems[i].state.index - 1 !== j) {
          tooltiptext += parseInt(j + 1, 10) + ". " + entries[j].title;
        } else {
          tooltiptext += "*" + ". " + entries[j].title;
        }
      }
      undoPopup.childNodes[i].setAttribute("tooltiptext", tooltiptext);
    }

    // "Append Clear undo close tb list"
    undoPopup.appendChild(document.createXULElement("menuseparator"));

    let m = undoPopup.appendChild(document.createXULElement("menuitem"));
    m.setAttribute("label", "Liste der letzten Tabs l\u00F6schen");
    m.setAttribute("accesskey", "l");
    m.addEventListener("command", function() {
      let prefs = Services.prefs;
      let max_undo = prefs.getIntPref("browser.sessionstore.max_tabs_undo");
      prefs.setIntPref("browser.sessionstore.max_tabs_undo", 0);
      prefs.setIntPref("browser.sessionstore.max_tabs_undo", max_undo);
    }, false);
  },

  toggleRecentlyClosedWindows: function PHM_toggleRecentlyClosedWindows(menu) {
    // enable/disable the Recently Closed Windows sub menu
    // no restorable windows, so disable menu
    if (this._ss.getClosedWindowCount() == 0)
      menu.setAttribute("disabled", true);
    else
      menu.removeAttribute("disabled");
  },

  /**
   * Populate when the history menu is opened
   */
  populateUndoWindowSubmenu: function PHM_populateUndoWindowSubmenu(undoPopup) {
		while (undoPopup.hasChildNodes()) {
			undoPopup.removeChild(undoPopup.firstChild);
		}
		let utils = RecentlyClosedTabsAndWindowsMenuUtils;
		let windowsFragment = utils.getWindowsFragment(
      window,
      "menuitem",
      /* aPrefixRestoreAll = */ true,
      "menu-history-reopen-all-windows"
    );
    undoPopup.appendChild(windowsFragment);
    undoPopup.firstChild.setAttribute("accesskey", "R");

    // "Append Clear undo close window list"
    undoPopup.appendChild(document.createXULElement("menuseparator"));

    m = undoPopup.appendChild(document.createXULElement("menuitem"));
    m.setAttribute("label", "Liste der kürzlich geschlossenen Fenster l\u00F6schen");
    m.setAttribute("accesskey", "L");
    m.addEventListener("command", function() {
      for (let i = SessionStore.getClosedWindowCount() -1; i >= 0; i--)
        SessionStore.forgetClosedWindow(i);
    }, false);
  }
};

// We should only start the redirection if the browser window has finished
// starting up. Otherwise, we should wait until the startup is done.
if (gBrowserInit.delayedStartupFinished) {
  UndoListInTabmenu.init();
} else {
  let delayedStartupFinished = (subject, topic) => {
    if (topic == "browser-delayed-startup-finished" &&
        subject == window) {
      Services.obs.removeObserver(delayedStartupFinished, topic);
      UndoListInTabmenu.init();
    }
  };
  Services.obs.addObserver(delayedStartupFinished,
                           "browser-delayed-startup-finished");
}

Alles anzeigen

Es fügt ins Kontextmenü, zwei Menüs ein mit Einträgen
bei diesen ist das Symbol weg.

Das ist das einzige was noch klemmt.
Ansonsten alles perfekt.

Mfg.
Endor

Horstmann

Zitat von Endor

Es fügt ins Kontextmenü, zwei Menüs ein mit Einträgen
bei diesen ist das Symbol weg.

Das sind aber menuitem Einträge, oder sind die mit meinem Code von #223 verschwunden?

Endor

Ja mit Code aus 223. Extra mehrmals getestet.

Horstmann

Zitat von Endor

Ja mit Code aus 223. Extra mehrmals getestet.

Mist; wieder einen dummen Fehler gemacht...

Also:

CSS

#mainPopupSet menupopup menu:not(.menu-iconic) > .menu-icon {
    display: none !important;
}

Endor

Prima. Nun ist es aber wirklich perfekt.
Vielen Dank für Deine Mühe.

Mfg.
Endor

Horstmann

Zitat von Endor

Prima. Nun ist es aber wirklich perfekt.

Woll'n wir's hoffen.

Falls das noch irgendwer in einem sauberen Profil in Windows testen will, ohne anderen Code für Menüs; die Hoffnung wäre, dass das Problem mit den Checkboxen und dem Versatz von den anderen Einträgen nicht auftritt, hier sowohl in Kontextmenüs und Menüleistenmenüs.

Die Abstände von vorhandenen Fx Icons wären vermutlich noch suboptimal im Vergleich, falls das überhaupt klappt.
Am Mac kann ich leider nichts davon korrekt testen.

CSS

:root {
    --ug-base_distance: 8px;
    --ug-base_buffer: calc(16px + 2*var(--ug-base_distance));  
}

:is(#main-menubar, #mainPopupSet) menupopup :is(menuitem, menu) {
    -moz-context-properties: fill, fill-opacity !important;             
    background-repeat: no-repeat;        
    /*appearance: none !important;*/
    background-position: left var(--ug-base_distance) center !important; 
    background-size: 16px !important; 
    padding-left: var(--ug-base_buffer) !important;    
}

:is(#main-menubar, #mainPopupSet) menupopup > menuitem:is(.menuitem-iconic, [type="checkbox"], [type="radio"]),
:is(#main-menubar, #mainPopupSet) menupopup > menu.menu-iconic {
    background-image: none !important;    
    padding-left: var(--ug-base_distance) !important;
}

:is(#main-menubar, #mainPopupSet) menupopup > menu {
    background-image: url("chrome://global/skin/icons/chevron.svg");
}

:is(#main-menubar, #mainPopupSet) menupopup > menuitem {
    background-image: url("chrome://browser/skin/window.svg");
}

Alles anzeigen

Mira_Belle

@Horstmann Habe den code einem oberflächlichen Kurztest unterzogen!
Scheint zu funktionieren, aber sei mir bitte nicht böse, wenn ich mich damit nicht weiter beschäftigen werde,
habe das Problem, für mich, längst gelöst und werde auch "meinen" Code weiter verwenden.

Horstmann

Zitat von Mira_Belle

Scheint zu funktionieren, aber sei mir bitte nicht böse, wenn ich mich damit nicht weiter beschäftigen werde,
habe das Problem, für mich, längst gelöst und werde auch "meinen" Code weiter verwenden.

Du wagst es, meinen Code nicht zu benutzen?!

Es ist natürlich dein Projekt und dein Ansatz; abgesehen von meiner Neugier, waren das nur grobe Versuche, potentiell das CSS einfacher aufbauen zu können, und Code zu minimieren.
Danke für's probieren.

Mira_Belle

Und wieder habe ich mehr graue Haare bekommen!

Die Menüs der Menüleiste sind fertig, das Mainmenü (Hamburgermenü),
sowie das Tabskontextmenü auch.

Noch offen, das Lesezeichenleistekontextmenü, das Textfeldkontextmenü und das Inhalaltekontextmenü.

Hätte nicht gedacht, dass das so schwierig wird, wo ich doch zwei sehr gute Vorlagen habe.
Aber alles ist halt doch nicht vorgegeben und so muss ich oft die richtigen Selektoren suchen.
Besonders schwer ist das mit den Parametern.
Damit meine ich so etwas wie ::before oder menupopup[hasbeenopened="true"] oder :not(.menuitem-iconic))::before
oder auch label[value="TEXT"].

Horstmann

Zitat von Mira_Belle

Aber alles ist halt doch nicht vorgegeben und so muss ich oft die richtigen Selektoren suchen.
Besonders schwer ist das mit den Parametern.
Damit meine ich so etwas wie ::before oder menupopup[hasbeenopened="true"] oder :not(.menuitem-iconic))::before
oder auch label[value="TEXT"].

Versteckt sich darin eine Frage?
Kannst evtl. Screenshots aus den Browserwerkzeugen posten zu den fraglichen Stellen, und deinen relevanten Code - und worum es überhaupt geht.

Endor

Zitat von Horstmann

Woll'n wir's hoffen.

Habe leider doch noch ein Problem entdeckt:

Kontextmenü bei Vor und Zurückpfeil in Navigationsleiste sind die Symbole weg.

Mfg.
Endor

Horstmann

Zitat von Endor

Habe leider doch noch ein Problem entdeckt:
Kontextmenü bei Vor und Zurückpfeil in Navigationsleiste sind die Symbole weg.

Und weiter geht's:

Sowas?

CSS

#mainPopupSet menupopup menu:not(.menu-iconic, [image]) > .menu-icon {
    display: none !important;
}

Endor

Leider nein.

Horstmann

Zitat von Endor

Leider nein.

Hmm; und wenn du meinen Code komplett entfernst, gibt es das Problem nicht?

Endor

Du hast recht es liegt nicht an deinem, sondern an diesem:

CSS

	@media (-moz-platform: windows) {
	menupopup[needsgutter] > menuitem:not([type="checkbox"], [class="menuitem-iconic"] ,[type="radio"], [checked]) > .menu-icon {display: none !important;}
	}

Dein letzter passt irgendwie besser.
Hast Du für obigen eine Idee?

Mfg.
Endor

Horstmann

Zitat von Endor
Du hast recht es liegt nicht an deinem, sondern an diesem:
CSS
	@media (-moz-platform: windows) {
	menupopup[needsgutter] > menuitem:not([type="checkbox"], [class="menuitem-iconic"] ,[type="radio"], [checked]) > .menu-icon {display: none !important;}
	}
Dein letzter passt irgendwie besser.
Hast Du für obigen eine Idee?

Das macht schon eher Sinn; dafür evtl. mal probieren:

CSS

menupopup[needsgutter] > menuitem:not([type="checkbox"], [class="menuitem-iconic"] ,[type="radio"], [checked], [image]) > .menu-icon {
    display: none !important;
}

Wobei ich vermute, dass [needsgutter] evtl. raus muss.

PS: suche immer noch Tester für diesen Versuch.

Symbole in den Kontextmenüs [ Update ]

Ähnliche Themen

Symbole in Menüs

Browser-Werkzeuge / Popups nicht automatisch ausblenden

SUCHE Addon für den Verlauf

Suche in Adressleiste mit nur einem Klick starten

FF92: Probleme in Folder-PopUps

Nach Update auf 91.0 SSL Zertifikat kann nicht mehr hinterlegt werden und PopUps werden gesperrt trotz Freigabe

Ähnliche Themen

Symbole in Menüs

Browser-Werkzeuge / Popups nicht automatisch ausblenden

*SUCHE* Addon für den Verlauf

Suche in Adressleiste mit nur einem Klick starten

FF92: Probleme in Folder-PopUps

Nach Update auf 91.0 SSL Zertifikat kann nicht mehr hinterlegt werden und PopUps werden gesperrt trotz Freigabe

SUCHE Addon für den Verlauf