Einträge im Tab Kontextmenü mit Icon versehen

2002Andreas

Zitat von Zitronella

jedenfalls nochmal herzlichen Dank

Immer gerne für dich

milupo

Zitat von Zitronella

Ich Dödel

Na, na, na, wer wird denn so etwas von sich behaupten!

Sören Hentzschel

Kontext: Die Icons wurden von browser nach global verschoben, damit a) das alte about:config nun endgültig aus Firefox entfernt werden konnte und b) das neue about:config von Thunderbird genutzt werden kann.

Wer Icons aus Firefox referenziert, muss sich aber darauf einstellen, bald Änderungen zu sehen und/oder Pfade anpassen zu müssen. Im Rahmen von Proton werden nämlich viele Icons getauscht werden und noch bevor die Icons getauscht werden, gab es schon ein paar und wird es noch weitere Umbenennungen geben, damit alles einheitlicher benannt ist. Das erfolgt aber unabhängig voneinander, so dass am Ende die Icons nur noch ausgetauscht werden müssen.

Zitronella

Okay, danke für die Info.

Da werden sich die Bastler aber freuen

Aber so lange man die Pfade anhand der Entwicklerwerkzeuge findet wird es wohl hoffentlich nicht so schlimm werden.

Boersenfeger

Ich reaktiviere den Thread mal, weil er im Prinzip für mein Problem zuständig ist.

Im Nightly nutze ich folgenden Code:

CSS

/*AGENT_SHEET*/

/*********************************************************************************************
  simpleMenuWizard: Firefox 57+ userChrome.css tweaks to remove context menu items.
  https://github.com/stonecrusher/simpleMenuWizard
**********************************************************************************************
/*** tab-context.css ***/

/* #tabContextMenu #context_reloadTab,                        /* Tab neu laden           */
 #tabContextMenu #context_reloadAllTabs,                    /* Alle Tabs neu laden     */
 #tabContextMenu #context_reloadTab + menuseparator,
 #tabContextMenu #context_reloadSelectedTabs,               /* Ausgewählte Tabs neu laden*/
 #tabContextMenu #context_toggleMuteTab,                    /* Laut / Still Tab        */
 #tabContextMenu #context_toggleMuteSelectedTabs,           /* Mute / Unmute Tabs      */
 #tabContextMenu #context_pinTab,                           /* Tab anpinnen            */
 #tabContextMenu #context_pinSelectedTabs,                  /* Tabs anpinnen           */
 #tabContextMenu #context_unpinSelectedTabs,                /* Tabs abpinnen           */
 #tabContextMenu #context_unpinTab,                         /* Tab abpinnen            */
 #tabContextMenu #context_duplicateTab,                     /* Tab duplizieren         */
 #tabContextMenu #context_duplicateTabs,                    /* Tabs duplizieren        */
 #tabContextMenu #context_duplicateTabs + menuseparator,    /******** Separator ********/
 #tabContextMenu #context_selectAllTabs,                    /* Alle Tabs auswählen     */
 #tabContextMenu #context_bookmarkTab,                        /* Tabs als LZ hinzufügen  */
 #tabContextMenu #context_bookmarkSelectedTabs,             /* Ausgewählte Tabs als LZ speichern */
 #tabContextMenu #context_reopenInContainer,                /* In Container öffnen     */
 #tabContextMenu #context_moveTabOptions,                    /* Tab verschieben         */
 #tabContextMenu #context_moveToStart,                      /* An den Anfang schieben  */
 #tabContextMenu #context_moveToEnd,                        /* Ans Ende schieben       */
 #tabContextMenu #context_openTabInWindow,                  /* In ein neues Fenster verschieben */
 #tabContextMenu #context_sendTabToDevice,                  /* Send Tab to Device      */
 #tabContextMenu #context_dummy,                            /* Send Tab to Device Submenu not yet supported */
 #tabContextMenu #context_sendTabToDevice + menuseparator,  /******** Separator ********/
 #tabContextMenu #context_closeTabOptions,                  /* Close Multiple Tabs     */
 #tabContextMenu #context_closeTabsToTheEnd,                /* Rechte Tabs schließen   */
 #tabContextMenu #context_closeOtherTabs,                   /* Andere Tabs schließen   */
/*#tabContextMenu #context_undoCloseTab,                    /* Geschlossenen Tab wieder öffnen  */
 #tabContextMenu #context_closeTab,                         /* Tab schließen           */
 #tabContextMenu #context_newTab,                           /* Neuer Tab               */
 #tabContextMenu #context_share,                            /* Teilen                  */ 
 #tabContextMenu #context_closeSelectedTabs,                /* Ausgewählte Tabs schließen        */
                                
 #leave_this_dummy_here
{ display:none !important; }

Alles anzeigen

Zeile 38 und 39 habe ich eingetragen. diese bewirken aber nix...

Die beiden Einträge "Neuer Tab" und "Teilen" habe keine Icons und das sieht blöd aus..

Eigentlich benötige ich die Einträge nicht, sie werden aber durch den Code nicht, wie die anderen, ausgeblendet.

Wie gehts? Nutze ich falsche englische Bezeichnungen?

Oder, falls das Ausblenden nicht funktionieren sollte, wie verpasse ich den beiden Einträge ein Icon?

Für die Tipps sage ich schon mal Danke!

Edit: Für "Neuer Tab" habe ich eben die Lösung beim Code-Entwickler gefunden:

Code

 #tabContextMenu #context_openANewTab,                        /* Neuer Tab               */

2002Andreas

Zitat von Boersenfeger

Eigentlich benötige ich die Einträge nicht

Teste bitte:

CSS

/*AGENT_SHEET*/

/*********************************************************************************************
  simpleMenuWizard: Firefox 57+ userChrome.css tweaks to remove context menu items.
  https://github.com/stonecrusher/simpleMenuWizard
**********************************************************************************************
/*** tab-context.css ***/

/* #tabContextMenu #context_reloadTab,                        /* Tab neu laden           */
 #tabContextMenu #context_reloadAllTabs,                    /* Alle Tabs neu laden     */
 #tabContextMenu #context_reloadTab + menuseparator,
 #tabContextMenu #context_reloadSelectedTabs,               /* Ausgewählte Tabs neu laden*/
 #tabContextMenu #context_toggleMuteTab,                    /* Laut / Still Tab        */
 #tabContextMenu #context_toggleMuteSelectedTabs,           /* Mute / Unmute Tabs      */
 #tabContextMenu #context_pinTab,                           /* Tab anpinnen            */
 #tabContextMenu #context_pinSelectedTabs,                  /* Tabs anpinnen           */
 #tabContextMenu #context_unpinSelectedTabs,                /* Tabs abpinnen           */
 #tabContextMenu #context_unpinTab,                         /* Tab abpinnen            */
 #tabContextMenu #context_duplicateTab,                     /* Tab duplizieren         */
 #tabContextMenu #context_duplicateTabs,                    /* Tabs duplizieren        */
 #tabContextMenu #context_duplicateTabs + menuseparator,    /******** Separator ********/
 #tabContextMenu #context_selectAllTabs,                    /* Alle Tabs auswählen     */
 #tabContextMenu #context_bookmarkTab,                        /* Tabs als LZ hinzufügen  */
 #tabContextMenu #context_bookmarkSelectedTabs,             /* Ausgewählte Tabs als LZ speichern */
 #tabContextMenu #context_reopenInContainer,                /* In Container öffnen     */
 #tabContextMenu #context_moveTabOptions,                    /* Tab verschieben         */
 #tabContextMenu #context_moveToStart,                      /* An den Anfang schieben  */
 #tabContextMenu #context_moveToEnd,                        /* Ans Ende schieben       */
 #tabContextMenu #context_openTabInWindow,                  /* In ein neues Fenster verschieben */
 #tabContextMenu #context_sendTabToDevice,                  /* Send Tab to Device      */
 #tabContextMenu #context_dummy,                            /* Send Tab to Device Submenu not yet supported */
 #tabContextMenu #context_sendTabToDevice + menuseparator,  /******** Separator ********/
 #tabContextMenu #context_closeTabOptions,                  /* Close Multiple Tabs     */
 #tabContextMenu #context_closeTabsToTheEnd,                /* Rechte Tabs schließen   */
 #tabContextMenu #context_closeOtherTabs,                   /* Andere Tabs schließen   */
/*#tabContextMenu #context_undoCloseTab,                    /* Geschlossenen Tab wieder öffnen  */
 #tabContextMenu #context_closeTab,                         /* Tab schließen           */
 #context_openANewTab + menuseparator,                                      /* Neuer Tab               */
 #context_shareTabURL,                                      /* Teilen                  */ 
 #tabContextMenu #context_closeSelectedTabs,                /* Ausgewählte Tabs schließen        */                     
 #leave_this_dummy_here
{ display:none !important; }

Alles anzeigen

Boersenfeger

Vielen Dank!

BTW: Einträge in diversen Kontextmenüs von Erweiterungen sind immer leicht aus der Bahn, wie man am Screenshot auch bei Reload erkennen kann. Kann man die alle ganz einfach anpassen, oder muss von jeder einzelnen Erweiterung jeweils ein Code erstellt werden?

Hier sinds z.B. gleich 3 Erweiterungen...

2002Andreas

Zitat von Boersenfeger

die alle ganz einfach anpassen,

Teste bitte, Werte wenn dann anpassen.

CSS

#contentAreaContextMenu .menu-iconic > .menu-iconic-left,
#contentAreaContextMenu .menuitem-iconic > .menu-iconic-left {
  margin-inline-end: .4em !important;
  margin-left: -9px !important;
}

Boersenfeger

Das sieht schon gut aus, allerdings schlägt Deepl aus der Richtung.. das wird mit einem Script eingebunden:

JavaScript

////  ContextTranslate DeepL ////
///https://github.com/ardiman/userChrome.js/tree/master/contexttranslate///
// ex ContextTranslate.uc.js///
// modifiziert by universum 123///

(function () {
    if (location != AppConstants.BROWSER_CHROME_URL)
        return;
    let translate = function () {
        let browserMM = gBrowser.selectedBrowser.messageManager;
        browserMM.addMessageListener('getSelection', function listener(message) {
            let t = (message.data !== '');
            let e = (document.charset || document.characterSet);
            if (t) {
                openWebLinkIn('https://www.deepl.com/translator#en/de/' + encodeURIComponent(message.data), 'tab');
            } else {
                openWebLinkIn('https://www.deepl.com/translate?u=' + encodeURIComponent(gBrowser.currentURI.spec) + '&hl=de-DE&ie=' + e + '&sl=auto&tl=de-DE', 'tab');
            };
            browserMM.removeMessageListener('getSelection', listener, true);
        });
        browserMM.loadFrameScript('data:,sendAsyncMessage("getSelection", content.document.getSelection().toString())', true);
    }
    let menuitem = document.createXULElement('menuitem');
    menuitem.id = 'context-googletranslate';
    menuitem.setAttribute('label', 'Übersetzen');
    menuitem.setAttribute('tooltiptext', 'Mit DeeplTranslate übersetzen');
    menuitem.setAttribute('oncommand', '(' + translate.toString() + ')()');
    menuitem.classList.add('menuitem-iconic');
    //Wer kein Icon möchte kann die nächsten beiden Zeilen auskommentieren/löschen
    menuitem.style.listStyleImage = 'url("https://www.deepl.com/favicon.ico")';
    menuitem.style.listStyleImage = ' url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAACNwAAAjcB9wZEwgAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAGZSURBVDiNjZKxaxRBFMZ/b2ZHbWITUxkRC4PnBUW0k1gkoFlMYmIR8R+w0UZBFAvtLAMS0ipC0guCd0GOa23EJGTPkBRCSCNHKiEgMzvPwmjCuiv3lft97zff7BuhQraWTouJLwE0mmf518a7spwUPxwZvlmLms8B4wWrLZhHPvuwUg44N9afGPcc4T5gK4pFgSUv/jHrre8HgKHJE4nzHWBgn/sZdBuYqQB1Q+5rbLR2DUBy1J89GIbEmNmQNW8DqxWAgcS5IQBT5vqYP3H1Gw9AHyosAKECVA4QuKfIPMhHVKygV4OVU8ByT4BDsiI6rWpusdbYUdgpBpLSMeGTRLYx2o5q9kT0ja2P3xU401ODQJz1neYdVRkT9C1gyob/Ngg/3VbifJf9TVg1L2Q43UC1eo3eb8KfB7O7uRf7T782Yo8hXBG4DFwvaRgFFoP4GTqt7u/bFuTOp5dU9BUw8u/BOhqy5fZ//4HvNL6ErHlNkSmFb4e9YM1WMV+5xjxrvM+P99VBngI/qnK96UI66OrpEhcnThatXx/tiqJJdDA6AAAAAElFTkSuQmCC")';
    let refItem = document.getElementById('context-inspect');
    refItem.parentNode.insertBefore(menuitem, refItem);
})();

Alles anzeigen

Die Werte im Code hatte ich etwas geändert...

CSS

    /* Erweiterungseinträge anpassen von 2002Andreas*/
    
    #contentAreaContextMenu .menu-iconic > .menu-iconic-left,
    #contentAreaContextMenu .menuitem-iconic > .menu-iconic-left {
    margin-inline-end: .4em !important;
    margin-left: -6px !important;
    }

2002Andreas

Zitat von Boersenfeger

schlägt Deepl aus der Richtung

Hier passt das für 2 Einträge:

Mit dem Code werden beide gleichmäßig verschoben

Und so mit einigen anderen Ions:

Boersenfeger

Komisch... da es bislang nur Deepl trifft, lasse ich es so... vielen Dank!

2002Andreas

Zitat von Boersenfeger

da es bislang nur Deepl trifft

Hilft dir das weiter?

CSS

#context-googletranslate {
  margin-left: 10px !important;
}

Boersenfeger

Upps.... jaaa.. Vielen Dank auch dafür!

Boersenfeger

Es blieb ja nicht aus....

Das stört mich auch noch...

Hier der Code, der da werkelt...

CSS

    menuitem[label="Rechtschreibung prüfen"][type="checkbox"][checked="true"]>.menu-iconic-left{
    appearance: none !important;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsTAAALEwEAmpwYAAAABGdBTUEAALGOfPtRkwAAACBjSFJNAAB6JQAAgIMAAPn/AACA6QAAdTAAAOpgAAA6mAAAF2+SX8VGAAACy0lEQVR42mL8//8/AyUAIIBYwlbzMvxj/M/w+/c/hj8//zEw/mFi+P/vPwPbXwaG/ywMDN88fjN8lv3LgGwNiM3KwMCi8YQ7ESCAWPCZDjSHgesQK4Ow4X8GTp5/DP+g4kyMjAw//7CXMPxk0gQIICZ8BvwHyrL/Btp2no3h6g8mhkNcDAyHuRkY3n9hM2M+z9zC+INhM0AAsRDyI8iQH8wMDMKP2BkEPzEyMHMw6Py6x7DyGxPDTRaGP5sBAoiFmIBiBGKBL4wMrIxMcj8fM6z99uafAo/Sv/D/n//9BAggFmJDG+gSla+f/q/99e6/GoPk/733hP6tBQUKQAAx/Wf4D7Tgvz0kYHFoZmQw/f2LYf3f7//1GPkZvjP/+1nB/+TnX/7nPxkAAojpK+P//7/+M2QxMjDOASYJYXh8Aen//xjY/jAzZf9jYdrNyMKgw8rGyPCd+1/RQ1nGM89kWBhAGCCAWD6y/mPg/MawToSTeQUTG5PVzw//1/z/w3DxLzODJCs3YyiLAIMlE9CjTEA/fHn6ZwX7i58zZB4C+WxAC4BpBSCAGN2mMzH8+/mfjYeXZ5OkupD79z9fGL5//w5U8Q+siIWJlYGHVZDh5fOPD79+/GTLzPn/McM3BoZ3FxkYHh1hYAAIIEbJVUDn6oOCmknM7rzsOmMdHevfzN8Zvv36CvYDN7sAw9M7z/7sZ7nh/Vbp764fBxkY/sxmYPh6CuJTgABi/rKLgeEL0ElfRP9/5br7aTPzJxYVTQVDTSURHQYJHiWGr59+MJw6dLzoy7nfy95NZ2D4OI2B4fdTRAADBBAK4hBkYBA3YmCwzBTJq98e9Grzm9b/3o3yc4RVgV7BoQcggBihGCTPBo1KEPsfuwiDsZKRgM+9kx+W//zI8Ayah35B8W8YDRBAIM1MUI3sUEM4oDQo7wDDmYEHahlM808k/AsgwADeMftGyFih2QAAAABJRU5ErkJggg==")no-repeat !important;
    min-height:24px!important;
    padding-top:5px!important;
    margin-left:-8px !important;
    background-position:6px 5px!important;}

    menuitem[label="Rechtschreibung prüfen"][type="checkbox"][checked="true"]>.menu-iconic-text{
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsTAAALEwEAmpwYAAAABGdBTUEAALGOfPtRkwAAACBjSFJNAAB6JQAAgIMAAPn/AACA6QAAdTAAAOpgAAA6mAAAF2+SX8VGAAACy0lEQVR42mL8//8/AyUAIIBYwlbzMvxj/M/w+/c/hj8//zEw/mFi+P/vPwPbXwaG/ywMDN88fjN8lv3LgGwNiM3KwMCi8YQ7ESCAWPCZDjSHgesQK4Ow4X8GTp5/DP+g4kyMjAw//7CXMPxk0gQIICZ8BvwHyrL/Btp2no3h6g8mhkNcDAyHuRkY3n9hM2M+z9zC+INhM0AAsRDyI8iQH8wMDMKP2BkEPzEyMHMw6Py6x7DyGxPDTRaGP5sBAoiFmIBiBGKBL4wMrIxMcj8fM6z99uafAo/Sv/D/n//9BAggFmJDG+gSla+f/q/99e6/GoPk/733hP6tBQUKQAAx/Wf4D7Tgvz0kYHFoZmQw/f2LYf3f7//1GPkZvjP/+1nB/+TnX/7nPxkAAojpK+P//7/+M2QxMjDOASYJYXh8Aen//xjY/jAzZf9jYdrNyMKgw8rGyPCd+1/RQ1nGM89kWBhAGCCAWD6y/mPg/MawToSTeQUTG5PVzw//1/z/w3DxLzODJCs3YyiLAIMlE9CjTEA/fHn6ZwX7i58zZB4C+WxAC4BpBSCAGN2mMzH8+/mfjYeXZ5OkupD79z9fGL5//w5U8Q+siIWJlYGHVZDh5fOPD79+/GTLzPn/McM3BoZ3FxkYHh1hYAAIIEbJVUDn6oOCmknM7rzsOmMdHevfzN8Zvv36CvYDN7sAw9M7z/7sZ7nh/Vbp764fBxkY/sxmYPh6CuJTgABi/rKLgeEL0ElfRP9/5br7aTPzJxYVTQVDTSURHQYJHiWGr59+MJw6dLzoy7nfy95NZ2D4OI2B4fdTRAADBBAK4hBkYBA3YmCwzBTJq98e9Grzm9b/3o3yc4RVgV7BoQcggBihGCTPBo1KEPsfuwiDsZKRgM+9kx+W//zI8Ayah35B8W8YDRBAIM1MUI3sUEM4oDQo7wDDmYEHahlM808k/AsgwADeMftGyFih2QAAAABJRU5ErkJggg==")no-repeat !important;
    appearance: none !important;
    padding-left:24px !important;}

    menuitem[label="Rechtschreibung prüfen"][type="checkbox"][checked="false"]>.menu-iconic-left{
    appearance: none !important;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAACG0lEQVQ4jc2SzUtUYRSHTzZjc8eZ95rZTGTmaI75VVqYJAV9oBGNWUgZ9AdEQRvbtQlXJTHMvZkLoUIXjaHYzlIoyEwt0TDUQvtYiIsCSQLJGvXO02JIsCnBXT94l8/vfc7hiPxXqRNJDCm5bOoybOqCqQumks+GEvNmkmxZFQ5pkmYoGWxMSaA1N5Un5bn0BHbReSCLu2kaDbrMBnWp+OfPhpLBJo+d/kABk+dymKjy8jawibFT6QzX7Ka90MPtjfIj6JL8uAJDlwuNKQn0V/iYqNzMpyuVvDmqM7RPGDrp513tafoOe7m/w42ppCuuwFTyIpypMV6u8/FqDVHLYm5ylJFLVURmZ4guLjB+8Rjtfg1TF+o12f6nwXxnvsbrskTa8jKYn54CILoQAWCm7zktHifhTDumLhhKAsvwWZH1ppKlrgIHL/dr9BTZeHziCFFrCQBrIULY56G3xEFr9oZYgUvOrDRQ8uFhtoNnxTZ6q0tY/D4XM7AsAL6NDTFwKJUOf8wgbpGmW27c8droLnIyer0WgNnxETr27OTnl2nmp97z6riP5m12DCUT8TegJOWWLjNhn5N77nU8PV9Ni8dJf6lGW14GnTlbMVwJNHlsK+dfMYZbyhqS5WtzuoO2LDtdRU669ybxqNDBA7+DJq/NakiWa3+Ff6deRDeUNBtKIsunHHvDISWlq8JxRklSHHTLwToR15rAteYXuI0WjyF79Y8AAAAASUVORK5CYII=")no-repeat !important;
    min-height:24px!important;
    padding-top:5px!important;
    margin-left:-8px !important;
    background-position:6px 5px!important;}

    menuitem[label="Rechtschreibung prüfen"][type="checkbox"][checked="false"]>.menu-iconic-text{
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsTAAALEwEAmpwYAAAABGdBTUEAALGOfPtRkwAAACBjSFJNAAB6JQAAgIMAAPn/AACA6QAAdTAAAOpgAAA6mAAAF2+SX8VGAAACy0lEQVR42mL8//8/AyUAIIBYwlbzMvxj/M/w+/c/hj8//zEw/mFi+P/vPwPbXwaG/ywMDN88fjN8lv3LgGwNiM3KwMCi8YQ7ESCAWPCZDjSHgesQK4Ow4X8GTp5/DP+g4kyMjAw//7CXMPxk0gQIICZ8BvwHyrL/Btp2no3h6g8mhkNcDAyHuRkY3n9hM2M+z9zC+INhM0AAsRDyI8iQH8wMDMKP2BkEPzEyMHMw6Py6x7DyGxPDTRaGP5sBAoiFmIBiBGKBL4wMrIxMcj8fM6z99uafAo/Sv/D/n//9BAggFmJDG+gSla+f/q/99e6/GoPk/733hP6tBQUKQAAx/Wf4D7Tgvz0kYHFoZmQw/f2LYf3f7//1GPkZvjP/+1nB/+TnX/7nPxkAAojpK+P//7/+M2QxMjDOASYJYXh8Aen//xjY/jAzZf9jYdrNyMKgw8rGyPCd+1/RQ1nGM89kWBhAGCCAWD6y/mPg/MawToSTeQUTG5PVzw//1/z/w3DxLzODJCs3YyiLAIMlE9CjTEA/fHn6ZwX7i58zZB4C+WxAC4BpBSCAGN2mMzH8+/mfjYeXZ5OkupD79z9fGL5//w5U8Q+siIWJlYGHVZDh5fOPD79+/GTLzPn/McM3BoZ3FxkYHh1hYAAIIEbJVUDn6oOCmknM7rzsOmMdHevfzN8Zvv36CvYDN7sAw9M7z/7sZ7nh/Vbp764fBxkY/sxmYPh6CuJTgABi/rKLgeEL0ElfRP9/5br7aTPzJxYVTQVDTSURHQYJHiWGr59+MJw6dLzoy7nfy95NZ2D4OI2B4fdTRAADBBAK4hBkYBA3YmCwzBTJq98e9Grzm9b/3o3yc4RVgV7BoQcggBihGCTPBo1KEPsfuwiDsZKRgM+9kx+W//zI8Ayah35B8W8YDRBAIM1MUI3sUEM4oDQo7wDDmYEHahlM808k/AsgwADeMftGyFih2QAAAABJRU5ErkJggg==")no-repeat !important;
    appearance: none !important;
    padding-left:24px !important;}

Alles anzeigen

grisu2099

Versuche bitte folgenden Code:

CSS

#spell-check-enabled[checked="true"] > .menu-iconic-left {
    list-style-image: none !important;
    }
#spell-check-enabled[checked="true"] {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsTAAALEwEAmpwYAAAABGdBTUEAALGOfPtRkwAAACBjSFJNAAB6JQAAgIMAAPn/AACA6QAAdTAAAOpgAAA6mAAAF2+SX8VGAAACy0lEQVR42mL8//8/AyUAIIBYwlbzMvxj/M/w+/c/hj8//zEw/mFi+P/vPwPbXwaG/ywMDN88fjN8lv3LgGwNiM3KwMCi8YQ7ESCAWPCZDjSHgesQK4Ow4X8GTp5/DP+g4kyMjAw//7CXMPxk0gQIICZ8BvwHyrL/Btp2no3h6g8mhkNcDAyHuRkY3n9hM2M+z9zC+INhM0AAsRDyI8iQH8wMDMKP2BkEPzEyMHMw6Py6x7DyGxPDTRaGP5sBAoiFmIBiBGKBL4wMrIxMcj8fM6z99uafAo/Sv/D/n//9BAggFmJDG+gSla+f/q/99e6/GoPk/733hP6tBQUKQAAx/Wf4D7Tgvz0kYHFoZmQw/f2LYf3f7//1GPkZvjP/+1nB/+TnX/7nPxkAAojpK+P//7/+M2QxMjDOASYJYXh8Aen//xjY/jAzZf9jYdrNyMKgw8rGyPCd+1/RQ1nGM89kWBhAGCCAWD6y/mPg/MawToSTeQUTG5PVzw//1/z/w3DxLzODJCs3YyiLAIMlE9CjTEA/fHn6ZwX7i58zZB4C+WxAC4BpBSCAGN2mMzH8+/mfjYeXZ5OkupD79z9fGL5//w5U8Q+siIWJlYGHVZDh5fOPD79+/GTLzPn/McM3BoZ3FxkYHh1hYAAIIEbJVUDn6oOCmknM7rzsOmMdHevfzN8Zvv36CvYDN7sAw9M7z/7sZ7nh/Vbp764fBxkY/sxmYPh6CuJTgABi/rKLgeEL0ElfRP9/5br7aTPzJxYVTQVDTSURHQYJHiWGr59+MJw6dLzoy7nfy95NZ2D4OI2B4fdTRAADBBAK4hBkYBA3YmCwzBTJq98e9Grzm9b/3o3yc4RVgV7BoQcggBihGCTPBo1KEPsfuwiDsZKRgM+9kx+W//zI8Ayah35B8W8YDRBAIM1MUI3sUEM4oDQo7wDDmYEHahlM808k/AsgwADeMftGyFih2QAAAABJRU5ErkJggg==")no-repeat !important;
    background-position: 6px 3px !important;
    }
#spell-check-enabled[checked="true"] > label:nth-child(2) {
    margin-left: -17px !important;
    }

#spell-check-enabled:not([checked="true"]) {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAACG0lEQVQ4jc2SzUtUYRSHTzZjc8eZ95rZTGTmaI75VVqYJAV9oBGNWUgZ9AdEQRvbtQlXJTHMvZkLoUIXjaHYzlIoyEwt0TDUQvtYiIsCSQLJGvXO02JIsCnBXT94l8/vfc7hiPxXqRNJDCm5bOoybOqCqQumks+GEvNmkmxZFQ5pkmYoGWxMSaA1N5Un5bn0BHbReSCLu2kaDbrMBnWp+OfPhpLBJo+d/kABk+dymKjy8jawibFT6QzX7Ka90MPtjfIj6JL8uAJDlwuNKQn0V/iYqNzMpyuVvDmqM7RPGDrp513tafoOe7m/w42ppCuuwFTyIpypMV6u8/FqDVHLYm5ylJFLVURmZ4guLjB+8Rjtfg1TF+o12f6nwXxnvsbrskTa8jKYn54CILoQAWCm7zktHifhTDumLhhKAsvwWZH1ppKlrgIHL/dr9BTZeHziCFFrCQBrIULY56G3xEFr9oZYgUvOrDRQ8uFhtoNnxTZ6q0tY/D4XM7AsAL6NDTFwKJUOf8wgbpGmW27c8droLnIyer0WgNnxETr27OTnl2nmp97z6riP5m12DCUT8TegJOWWLjNhn5N77nU8PV9Ni8dJf6lGW14GnTlbMVwJNHlsK+dfMYZbyhqS5WtzuoO2LDtdRU669ybxqNDBA7+DJq/NakiWa3+Ff6deRDeUNBtKIsunHHvDISWlq8JxRklSHHTLwToR15rAteYXuI0WjyF79Y8AAAAASUVORK5CYII=")no-repeat !important;
    background-position: 6px 3px !important;
    }
#spell-check-enabled:not([checked="true"])> label:nth-child(2) {
    margin-left: 7px !important;
    }

Alles anzeigen

Evtl. mußt du mit den Werten noch etwas testen, bis es für dich paßt...

Boersenfeger

CSS

/*Rechtschreibung prüfen; Schnipsel von grisu2099 */
    
    #spell-check-enabled[checked="true"] > .menu-iconic-left {
    list-style-image: none !important;
    }
    #spell-check-enabled[checked="true"] {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsTAAALEwEAmpwYAAAABGdBTUEAALGOfPtRkwAAACBjSFJNAAB6JQAAgIMAAPn/AACA6QAAdTAAAOpgAAA6mAAAF2+SX8VGAAACy0lEQVR42mL8//8/AyUAIIBYwlbzMvxj/M/w+/c/hj8//zEw/mFi+P/vPwPbXwaG/ywMDN88fjN8lv3LgGwNiM3KwMCi8YQ7ESCAWPCZDjSHgesQK4Ow4X8GTp5/DP+g4kyMjAw//7CXMPxk0gQIICZ8BvwHyrL/Btp2no3h6g8mhkNcDAyHuRkY3n9hM2M+z9zC+INhM0AAsRDyI8iQH8wMDMKP2BkEPzEyMHMw6Py6x7DyGxPDTRaGP5sBAoiFmIBiBGKBL4wMrIxMcj8fM6z99uafAo/Sv/D/n//9BAggFmJDG+gSla+f/q/99e6/GoPk/733hP6tBQUKQAAx/Wf4D7Tgvz0kYHFoZmQw/f2LYf3f7//1GPkZvjP/+1nB/+TnX/7nPxkAAojpK+P//7/+M2QxMjDOASYJYXh8Aen//xjY/jAzZf9jYdrNyMKgw8rGyPCd+1/RQ1nGM89kWBhAGCCAWD6y/mPg/MawToSTeQUTG5PVzw//1/z/w3DxLzODJCs3YyiLAIMlE9CjTEA/fHn6ZwX7i58zZB4C+WxAC4BpBSCAGN2mMzH8+/mfjYeXZ5OkupD79z9fGL5//w5U8Q+siIWJlYGHVZDh5fOPD79+/GTLzPn/McM3BoZ3FxkYHh1hYAAIIEbJVUDn6oOCmknM7rzsOmMdHevfzN8Zvv36CvYDN7sAw9M7z/7sZ7nh/Vbp764fBxkY/sxmYPh6CuJTgABi/rKLgeEL0ElfRP9/5br7aTPzJxYVTQVDTSURHQYJHiWGr59+MJw6dLzoy7nfy95NZ2D4OI2B4fdTRAADBBAK4hBkYBA3YmCwzBTJq98e9Grzm9b/3o3yc4RVgV7BoQcggBihGCTPBo1KEPsfuwiDsZKRgM+9kx+W//zI8Ayah35B8W8YDRBAIM1MUI3sUEM4oDQo7wDDmYEHahlM808k/AsgwADeMftGyFih2QAAAABJRU5ErkJggg==")no-repeat !important;
    background-position: 6px 3px !important;
    }
    #spell-check-enabled[checked="true"] > label:nth-child(2) {
    margin-left: 0px !important;
    }

    #spell-check-enabled:not([checked="true"]) {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAACG0lEQVQ4jc2SzUtUYRSHTzZjc8eZ95rZTGTmaI75VVqYJAV9oBGNWUgZ9AdEQRvbtQlXJTHMvZkLoUIXjaHYzlIoyEwt0TDUQvtYiIsCSQLJGvXO02JIsCnBXT94l8/vfc7hiPxXqRNJDCm5bOoybOqCqQumks+GEvNmkmxZFQ5pkmYoGWxMSaA1N5Un5bn0BHbReSCLu2kaDbrMBnWp+OfPhpLBJo+d/kABk+dymKjy8jawibFT6QzX7Ka90MPtjfIj6JL8uAJDlwuNKQn0V/iYqNzMpyuVvDmqM7RPGDrp513tafoOe7m/w42ppCuuwFTyIpypMV6u8/FqDVHLYm5ylJFLVURmZ4guLjB+8Rjtfg1TF+o12f6nwXxnvsbrskTa8jKYn54CILoQAWCm7zktHifhTDumLhhKAsvwWZH1ppKlrgIHL/dr9BTZeHziCFFrCQBrIULY56G3xEFr9oZYgUvOrDRQ8uFhtoNnxTZ6q0tY/D4XM7AsAL6NDTFwKJUOf8wgbpGmW27c8droLnIyer0WgNnxETr27OTnl2nmp97z6riP5m12DCUT8TegJOWWLjNhn5N77nU8PV9Ni8dJf6lGW14GnTlbMVwJNHlsK+dfMYZbyhqS5WtzuoO2LDtdRU669ybxqNDBA7+DJq/NakiWa3+Ff6deRDeUNBtKIsunHHvDISWlq8JxRklSHHTLwToR15rAteYXuI0WjyF79Y8AAAAASUVORK5CYII=")no-repeat !important;
    padding-top: -3px! important;
    background-position: 6px 3px !important;
    }
    #spell-check-enabled:not([checked="true"])> label:nth-child(2) {
    padding-top: -3px! important;
    margin-left: 23px !important;
    }

Alles anzeigen

Vielen Dank!

grisu2099

Gerne!

FuchsFan

Damit ab Version 92 die Icons für "Tab schliessen" und "Teilen" angezeigt werden, muss die ID geändert werden.

-für Tab schliessen #context_closeTab

-für Teilen .share-tab-url-item

Dann sind sie wieder da:

Boersenfeger

Danke...

Da ich u.a. diese Einträge ausblende, musste auch Hand angelegt werden.

FuchsFan

Zitat von Boersenfeger

Da ich u.a. diese Einträge ausblende, musste auch Hand angelegt werden.

Prima, daran habe ich nicht gedacht.

Einträge im Tab Kontextmenü mit Icon versehen

Ähnliche Themen

Hintergrundfarbe der Menüs/Lesezeichen/Kontextmenü - mit Hover-Effekt