Nightly 76 Add-on Manager anpassen

edvoldi

Hallo zusammen,

ich habe gerade festgestellt das mein Code für die Symbole in Firefox76 nicht mehr funktionieren.

CSS

    #categories > .category:not([disabled]) {
    border-radius:60px!important;
    }    
    #preferencesButton,
    #addonsButton,
    #helpButton,
    #category-availableUpdates    {
    background-color: silver !important;
    margin-top:5px !important;
    border-radius:60px !important;
    }
    #category-availableUpdates {
    color:red !important;
    }
    #preferencesButton:hover,
    #addonsButton:hover,
    #helpButton:hover {
    color:white !important;
    background-color: gray !important;
    margin-top:5px !important;
    border-radius:60px !important;
    }

    #category-discover .category-icon {
    list-style-image: url("../../../Icons/Add-ons-Web.png") !important;
    -moz-image-region: auto !important;}
    #category-discover[selected="true"] {
    background-color: silver !important;
    color: white !important; }
    
     
    #category-extension .category-icon {
    list-style-image: url("../../../Icons/addon_grün_32.png") !important;
    -moz-image-region: auto !important;}
    #category-extension[selected="true"] {
    background-color: silver !important;
    color: white !important;
    }
    
     
    #category-theme .category-icon {
    list-style-image: url("../../../Icons/themen_36.png") !important;
    -moz-image-region: auto !important;}
    #category-theme[selected="true"] {
    background-color: silver !important;
    color: white !important; }
     
     
    #category-plugin .category-icon {
    list-style-image: url("../../../Icons/plugin.png") !important;
    -moz-image-region: auto !important;}    
    #category-plugin[selected="true"] {
    background-color: silver !important;
    color: white !important; }
     
     
    #category-dictionary .category-icon {
    list-style-image: url("../../../Icons/wörterbücher_32.png") !important;
    -moz-image-region: auto !important;}
    #category-dictionary[selected="true"] {
    background-color: silver !important;
    color: white !important; }

Alles anzeigen

was muss ich ändern?

Gruß
EDV-Oldi

Boersenfeger

Ist hier auch so, ein Teil ist auch wieder englisch dort.... ggf. einfach abwarten

edvoldi

Zitat von Boersenfeger

Ist hier auch so, ein Teil ist auch wieder englisch dort.... ggf. einfach abwarten

Das wird wohl nichts bringen,der Code hat sich geändert.
Das ist auch so in Thunderbird.

Gruß
EDV-Oldi

milupo

Zitat von edvoldi

ch habe gerade festgestellt das mein Code für die Symbole in Firefox76 nicht mehr funktionieren.

Was genau funktioniert denn nicht?

Sören Hentzschel

Der Grund ist [about:addons] Convert sidebar to HTML. Aus den dort verlinkten Patches sollten sich die notwendigen Änderungen ableiten lassen. Ich bin jetzt aber erst einmal weg.

edvoldi

Zitat von milupo

Was genau funktioniert denn nicht?

Es werden keine Symbole mehr angezeigt und der Ausgewählte Punkt für farblich nicht verändert und es gibt keine Rundungen.

so sieht es im Firefox 75 aus.

Gruß
EDV-Oldi

milupo

Ich weiß im Moment auch nicht, inwieweit sich die Umstellung der Seitenleiste auf HTML auswirkt. Eine andere Frage noch: Ganz oben müsste eigentlich noch eine @-moz-document-Zeile stehen. Bitte nachreichen und in Zukunft immer mit angeben.

edvoldi

Zitat von milupo

Ganz oben müsste eigentlich noch eine @-moz-document-Zeile stehen

Nein, da steht keine solche Zeile.

Hier der gesamte Code.

Auch für die Anzeige unten links,

"Nightly-Einstellungen" und "Hilfe"

kann ich keine Symbole mehr ändern.

CSS

/*   AGENT_SHEET **********************/
/*   Geändert von EDV-Oldie ***********/
/*   Letzte Änderung am 02.04.2020 ****/


 
/*   FF - Add-ons-Manager - checkbox   */

    menuitem[checked="true"] > .menu-iconic-left{
    -moz-appearance: menuimage !important;
    }
    menuitem[type="checkbox"] .menu-iconic-icon {
    display:block  !important;
    }

    menuitem[type="checkbox"] {
    -moz-appearance:none !important;
    margin-bottom: 4px !important;
    background: url("../../../Icons/blocked.png") no-repeat !important;
    padding-left:5px!important;
    background-position:5px 1px !important;} 


    menuitem[type="checkbox"][checked="true"] {
    -moz-appearance:none !important;
    margin-bottom: 4px !important;
    background: url("../../../Icons/V_grün.png") no-repeat !important;
    padding-left:5px!important;
    background-position:5px 1px !important;}


/*   FF - Add-ons-Manager linke Spalte   */

    #sidebar {
    background-color: darkgray !important;
    }

    #categories {
    margin-top:-1px !important;
    }
    #categories > .category,
    #preferencesButton,
    #addonsButton,
    #help-button {
    margin-left:1px!important;
    }
    #categories > .category:not([disabled]) {
    border-radius:60px!important;
    }
    

    
    #category-availableUpdates {
    color:red !important;
    }
    
    #category-discover .category-icon {
    list-style-image: url("../../../Icons/Add-ons-Web.png") !important;
    -moz-image-region: auto !important;}
    #category-discover[selected="true"] {
    background-color: silver !important;
    color: white !important; }
    
     
    #category-extension .category-icon {
    list-style-image: url("../../../Icons/addon_grün_32.png") !important;
    -moz-image-region: auto !important;}
    #category-extension[selected="true"] {
    background-color: silver !important;
    color: white !important;
    }
    
     
    #category-theme .category-icon {
    list-style-image: url("../../../Icons/themen_36.png") !important;
    -moz-image-region: auto !important;}
    #category-theme[selected="true"] {
    background-color: silver !important;
    color: white !important; }
     
     
    #category-plugin .category-icon {
    list-style-image: url("../../../Icons/plugin.png") !important;
    -moz-image-region: auto !important;}    
    #category-plugin[selected="true"] {
    background-color: silver !important;
    color: white !important; }
     
     
    #category-dictionary .category-icon {
    list-style-image: url("../../../Icons/wörterbücher_32.png") !important;
    -moz-image-region: auto !important;}
    #category-dictionary[selected="true"] {
    background-color: silver !important;
    color: white !important; }

    #preferencesButton,
    #addonsButton,
    #help-button,
    #category-availableUpdates {
    background-color: silver !important;
    margin-top:5px !important;
    border-radius:60px !important;
    }
    #preferencesButton:hover,
    #addonsButton:hover,
    #help-button:hover {
    color:white !important;
    background-color: gray !important;
    margin-top:5px !important;
    border-radius:60px !important;
    }
    
    #preferencesButton .sidebar-footer-link.preferences-icon {
    list-style-image: url("../../../Icons/config.png") !important;
    -moz-image-region: rect(0px 0px 0px 0px) !important; }
    

    #addonsButton {
    list-style-image: url("../../../Icons/addons.png") !important;
    -moz-image-region: rect(0px 16px 16px 0px) !important; }
    
    
    #help-button .sidebar-footer-link {
    list-style-image: url("../../../Icons/hilfe.png") !important;
    -moz-image-region: rect(0px 16px 16px 0px) !important; }



/*   FF - Add-ons-Manager rechte Spalte   */

/*   Rechte Spalte Breite einstellen      */
/*   Farbe   */
    html[dir="ltr"],
    .sticky-container,
    .main-search,
    .main-heading {
    background: silver !important;
    }    
    
    
/*   Name für Erweiterungen & erste Zeile   */
    .header-name {
    font-size:0px !important;
    margin-top: 17px !important; 
    }
    .header-name[data-l10n-id="extension-heading"]:after{
    font-size:18px !important;
    font-weight: bold !important;
    content: 'Erweiterungen von EDV-Oldie' !important;
    }
    .main-search {
    max-height: 10px !important;
    }    
/*   Name für Erweiterungen Ende   */    
    .search-label{display: none !important; }
    .header-name{margin-top: -35px !important; }
    .page-options-menu{margin-top: -70px !important; margin-right: 100px !important;}
    .main-search{margin-left: 500px !important;}
/*   Name für Erweiterungen & erste Zeile Ende   */


/*   Rechte Spalte Breite einstellen   */
    addon-list addon-card > .addon.card,
    addon-card[expanded] >.addon.card {
    width: 72vw !important; }
  

/*   Aktiv-Passiv Farbe   */
    .list-section-heading[data-l10n-id="extension-enabled-heading"],
    .list-section-heading[data-l10n-id="theme-enabled-heading"],
    .list-section-heading[data-l10n-id="plugin-enabled-heading"],
    .list-section-heading[data-l10n-id="dictionary-enabled-heading"] {
    background: gainsboro !important;
    font-weight: bold !important;
    color: green !important;
    text-indent: 15px;
    }
    .list-section-heading[data-l10n-id="extension-disabled-heading"],
    .list-section-heading[data-l10n-id="theme-disabled-heading"],
    .list-section-heading[data-l10n-id="plugin-disabled-heading"],
    .list-section-heading[data-l10n-id="dictionary-disabled-heading"] {
    background: gainsboro !important;
    font-weight: bold !important;
    color: red !important;
    text-indent: 15px;
    }
    
/*   Aktiv-Passiv Farbe Ende   */


/*   Add-on Manager - Farbe der Elemente anpassen   */
    .addon.card {
    background: gainsboro !important;
    max-width: initial !important;
    }
/*   Add-on Manager - Farbe der Elemente anpassen Ende   */

    
    #list-view > #addon-list .date-updated {
    display: block  !important; }
    
    
/*   Add-ons-update   */ 
    panel-list {
    background: gainsboro !important;
    }
    .more-options-button[action="page-options"] {
    background: url("../../../Icons/update.png") no-repeat !important;
    border: 1px solid blue !important;
    padding-left:5px!important;
    background-position:5px 5px !important; 
    }
    .more-options-button[action="page-options"]:hover {
    background: gray url("../../../Icons/update.png") no-repeat !important;
    border: 1px solid blue !important;
    padding-left:5px!important;
    background-position:5px 5px !important;
    }
    

    panel-item[action="check-for-updates"][data-l10n-id="addon-updates-check-for-updates"] {
    --icon:  url("file:///C:/Dropbox/Chrome/Icons/updates_prüfen.png") !important; }
    
    
    panel-item[action="view-recent-updates"][data-l10n-id="addon-updates-view-updates"] {
    --icon:  url("file:///C:/Dropbox/Chrome/Icons/update_1.png") !important; }


    panel-item[action="install-from-file"][data-l10n-id="addon-install-from-file"] {
    --icon:  url("file:///C:/Dropbox/Chrome/Icons/update_2.png") !important; }


    panel-item[action="debug-addons"][data-l10n-id="addon-open-about-debugging"] {
    --icon:  url("file:///C:/Dropbox/Chrome/Icons/addons_debuggen.png") !important; }
    
    
    panel-item[action="set-update-automatically"][data-l10n-id="addon-updates-update-addons-automatically"] {
    --icon:  url("file:///C:/Dropbox/Chrome/Icons/V_grün.png") !important;
    }    
/*    panel-item[action="set-update-automatically"][data-l10n-id="addon-updates-update-addons-automatically"] {
    --icon:  url("file:///C:/Dropbox/Chrome/Icons/blocked.png") !important; }    */    
    
    
    panel-item[action="reset-update-states"][data-l10n-id="addon-updates-reset-updates-to-automatic"] {
    --icon:  url("file:///C:/Dropbox/Chrome/Icons/addons_auto.png") !important;
    }    
    panel-item[action="reset-update-states"][data-l10n-id="addon-updates-reset-updates-to-manual"] {
    --icon:  url("file:///C:/Dropbox/Chrome/Icons/addons_manuell.png") !important; }
    
    
    panel-item[action="manage-shortcuts"][data-l10n-id="addon-manage-extensions-shortcuts"] {
    --icon:  url("file:///C:/Dropbox/Chrome/Icons/keybord.png") !important; }

    
    
/*   Ghost Button Erweiterungen   */

/*  panel-item[action="toggle-disabled"][data-l10n-id="disable-addon-button"] {
    --icon:  url("file:///C:/Dropbox/Chrome/Icons/deaktivieren.png") !important; }
    
    panel-item[action="toggle-disabled"][data-l10n-id="enable-addon-button"] {
    --icon:  url("file:///C:/Dropbox/Chrome/Icons/addons.png") !important; }
*/    
    
    panel-item[action="remove"] {
    --icon:  url("file:///C:/Dropbox/Chrome/Icons/papierkorb_rot.png") !important; }
    
    panel-item[action="install-update"] {
    --icon:  url("file:///C:/Dropbox/Chrome/Icons/update.png") !important; }
    
    panel-item[action="preferences"] {
    --icon:  url("file:///C:/Dropbox/Chrome/Icons/config.png") !important; }
    
    panel-item[action="report"] {
    --icon:  url("file:///C:/Dropbox/Chrome/Icons/warnung.png") !important; }
    

    panel-item[action="expand"] {
    --icon:  url("file:///C:/Dropbox/Chrome/Icons/V_grün.png") !important; }
    
    
/*   Ghost Button Plugins   */

    panel-item[data-l10n-id="manage-addon-button"] {
    --icon: url("file:///C:/Dropbox/Chrome/Icons/addon_verwalten.png") !important; }
    
    
    panel-item[data-l10n-id="ask-to-activate-button"] {
    --icon: url("file:///C:/Dropbox/Chrome/Icons/info_1.png") !important }
    
    
    panel-item[data-l10n-id="always-activate-button"] {
    --icon: url("file:///C:/Dropbox/Chrome/Icons/always-activate.png") !important; }
    
    
    panel-item[data-l10n-id="never-activate-button"] {
    --icon: url("file:///C:/Dropbox/Chrome/Icons/never-activate.png") !important; }
    
    
/*   Ghost Button weitere Einstellungen   */
    named-deck-button[data-l10n-id="permissions-addon-button"] {
    background: red !important;
    color: green !important; } 
    
    
    
    
    
     
     


     /*   Add-ons-Manager Ende   */

Alles anzeigen

Gruß
EDV-Oldi

milupo

Teste mal etwas: Ersetze mal in Zeile 57 #category-discover durch #addon-category-discover und sieh mal, was sich beim Eintrag Recommendations tut.

Wenn das nicht funktioniert, probiere stattdessen .category[name="discover"]

edvoldi

Keine Änderung

Gruß
EDV-Oldi

milupo

Zitat von edvoldi

Keine Änderung

Bei beiden?

Endor

hier geht es im Moment nur so:
für recommandations

Code

button.category:nth-child(1)

Mfg.

Endor

edvoldi

Zitat von milupo

Bei beiden?

Der Eintrag kam aber später und nein bei dem auch nicht.

Gruß
EDV-Oldi

2002Andreas

Auf die Schnelle als Grundlage mal:

CSS

button.category:nth-child(1),
button.category:nth-child(2),
button.category:nth-child(3),
button.category:nth-child(4),
#preferencesButton{
    margin-top:2px !important;
    border-radius:60px!important;
    -moz-appearance:none!important;
    background: lightgreen url("file:///C:/Users/Andi/Icons%20Firefox/deleteHost.png") no-repeat !important;
    background-position:11px 14px!important;
}

Alles anzeigen

milupo

.category[name="discover"] sollte aber auch funktionieren, denn damit wird schon standardmäßig die zugehörge SVG-Datei für das Symbol festgelegt.

Endor

milupo. bei Deinem obigen Code fehlt ein "

am Ende. Teste gerade ob es funktioniert.

Mfg.

Endor

milupo

Zitat von Endor

ei Deinem obigen Code fehlt ein "
am Ende.

Ach so, ja danke. Aber in Beitrag #9 ist es richtig.

Endor

und Beitrag 15

milupo

So sieht es jetzt nach meinem Schema aus:

Dies ist der Code dazu:

CSS

.category[name="discover"] {
background: forestgreen !important;
color: white !important;
border-radius: 60px !important;
}

.category[name="extension"] {
background: forestgreen !important;
color: white !important;
border-radius: 60px !important;
}

.category[name="theme"] {
background: forestgreen !important;
color: white !important;
border-radius: 60px !important;
}

.category[name="plugin"] {
background: forestgreen !important;
color: white !important;
border-radius: 60px !important;
}

.category[name="dictionary"] {
background: forestgreen !important;
color: white !important;
border-radius: 60px !important;
}

Alles anzeigen

milupo

Zitat von edvoldi

Der Eintrag kam aber später und nein bei dem auch nicht.

Das liegt aber in dem Fall an der Klasse .category-icon. Die gibt es offensichtlich nicht mehr.

Nightly 76 Add-on Manager anpassen

Ähnliche Themen

Ansicht "Erweiterungen verwalten"

Addons Manager Nightly