Addons Manager Nightly

Boersenfeger

Bin jetzt off für Heute...

edvoldi

Das ist mein Code für die linke Spalte, teste bitte einmal.

CSS

/*   FF - Add-ons-Manager linke Spalte   */
    #categories {
    margin-top:-1px !important;
    }
    #categories > .category,
    #preferencesButton,
    #addonsButton,
    #helpButton {
    margin-left:1px!important;
    }
    #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; }


    #preferencesButton .sidebar-footer-icon {
    list-style-image: url("../../../Icons/config.png") !important;
    -moz-image-region: rect(0px 0px 0px 0px) !important; }
    

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

Alles anzeigen

2002Andreas

Zitat von Boersenfeger

Hier nochmal mein Code dazu:

Ich habe das nun schon zig mal gesagt, mach es ordentlicher

Mitten in deinem Code ist ein

*/

enthalten, und falsch.

Dann hier:

/* Datum im Addons-Manager anzeigen *

Da fehlt ein /

milupo

Zitat von 2002Andreas

Ich habe das nun schon zig mal gesagt, mach es ordentlicher

Boersenfeger Teste doch erst einmal wie wir die Codeabschnitte einzeln, statt sie sofort in deine Datei einzubauen. Wenn der Code einzeln funktioniert, dann aber in der kompletten Datei nicht, weißt du genau, du hast beim Einbau in die Datei etwas verkehrt gemacht.

.DeJaVu

Die Früchte der letzten drei Stunden...

CSS

/* neuer addon manager */
addon-list addon-card > .addon.card
{
    width: 90vw !important;
    margin-bottom: 5px !important;
    height: 60px !important;
}

addon-list section addon-card,
addon-list section addon-card .card.addon
{
    cursor: default !important;
}

addon-list section addon-card .card.addon .addon-card-collapsed
{
    cursor: pointer !important;
}

#addons-page #heading hbox.heading-inner #heading-name.header-name
{
    -moz-box-ordinal-group: 2 !important;
    padding-left: 10px !important;
}

.addon-badge-private-browsing-allowed {
    width: 220px !important;
    background-position: left !important;
}
.addon-badge-private-browsing-allowed::after
{
    content: "(In privaten Fenstern erlaubt)" !important;
    margin-left: 20px !important;
}

addon-list section addon-card .card.addon .addon-card-collapsed .more-options-menu
{
    position: absolute !important;
    margin: 0 !important;
    margin-inline-end: 0 !important;
    left: 90px !important;
}

addon-list section addon-card .card.addon .addon-card-collapsed .more-options-menu addon-options
{
    margin-left: 0 !important;
    margin-inline-end: 0 !important;
}

addon-list section addon-card .card.addon .addon-card-collapsed .more-options-menu button.more-options-button.ghost-button
{
    display: none !important;
}


addon-list section addon-card .card.addon .addon-card-collapsed .more-options-menu addon-options panel-list
{
    display: block !important;
    visibility: visible !important;
    margin-bottom: 0 !important;
    padding: 0 !important;
    border: none !important;
    background: none !important;
    box-shadow: none !important;
    --in-content-button-background: none !important;
    top: 30px !important;
}

.arrow, .arrow.top, .arrow.bottom,
addon-list section addon-card .card.addon .addon-card-collapsed .more-options-menu addon-options panel-list panel-item-separator
{
    display: none !important;
}

addon-list section addon-card .card.addon .addon-card-collapsed .more-options-menu addon-options panel-list panel-item[action="toggle-disabled"]
{
    position: absolute !important;
    top: 16px !important;
}

addon-list section addon-card .card.addon .addon-card-collapsed .more-options-menu addon-options panel-list panel-item[action="remove"]
{
    position: absolute !important;
    top: 16px !important;
    left: 120px !important;
}
addon-list section addon-card .card.addon .addon-card-collapsed .more-options-menu addon-options panel-list panel-item[action="install-update"]
{
    position: absolute !important;
    top: 16px !important;
    left: 540px !important;
}

addon-list section addon-card .card.addon .addon-card-collapsed .more-options-menu addon-options panel-list panel-item[action="preferences"]
{
    position: absolute !important;
    top: 16px !important;
    left: 230px !important;
}

addon-list section addon-card .card.addon .addon-card-collapsed .more-options-menu addon-options panel-list panel-item[action="report"]
{
    display: none !important;
}

addon-list section addon-card .card.addon .addon-card-collapsed .more-options-menu addon-options panel-list panel-item[action="expand"]
{
    position: absolute !important;
    top: 16px !important;
    left: 360px !important;
}

Alles anzeigen

(install-update-fix)

Und das ist nur in der Übersicht, der Kram kommt ja auch nochmal in jeder Erweiterung vor.
Die harte Nuss hier sind die Elemente button und slot

Code

panel-item #shadow-root button slot

Ich kann diese im Inspector anpassen mit Breite 120px und cursor: pointer, aber es klappt nicht ein Stück in der userContent. Entweder ist der CSS-Pfad falsch oder die userContent das falsche Ziel.

bege

Aris https://github.com/Aris-t2/CustomCSSforFx/releases hat einige der Punkte gelöst. Bei mir funktioniert nicht alles, man muss ausprobieren.

Boersenfeger

Mein derzeitiger Code für den Addons-Manager in Nightly:

CSS

/* Addons-Manager Nightly */

/* Button auf der linken Seite */

#categories > .category,
#preferencesButton,
#helpButton,
#addonsButton{
margin-left:1px!important; 
} 

/* Aktiver Button rot, Schrift weiß */

#categories > .category[selected]{
    color:white!important;
    background-color: red !important;
    margin-top:1px!important;
    border-radius:60px!important;
    }

/* Hintergrund der Button blau, Schrift weiß bei hover mit der Maus */

#categories > .category:hover,
#preferencesButton:hover,
#helpButton:hover,
#addonsButton:hover{
    color:white!important;
    background-color: blue!important;
    margin-top:1px!important;
    border-radius:60px!important;
    }    
    
/* Addons-Verwaltung: Hintergrundfarben und vom Container für about:preferences */

     #nav-header,
    #category-box {
    background-color:darkkhaki!important;
    }
    #discover-view,
    #view-port,
    #react-view {
    background:blanchedalmond !important;
    font-size: 15px!important;
    }
    richlistbox.list > richlistitem.addon {
    background:white!important;
    margin-left:-20px !important;
    margin-top:  7px !important;
    }
 
    #list-view > #addon-list .description-container {
    margin-left: 350px !important;
    margin-top: -10px !important;
    border-radius:60px !important;
    padding: 5px 8px 2px 7px !important; 
    }    

    #list-view > #addon-list .addon.addon-view {
    padding: 5px 80px 2px 7px !important;
    border-radius:60px !important;
    }

/* Ausblenden der Suchleiste und Firefox Optionen */

    #header-inner,
    .sidebar-footer-button,
    .message-bar    {
    display:none!important;
    }


/*    Kategorien angeklickt Text weiß, Hintergrund dunkelrot */

    *|*.category[selected],
    *|*.category.selected {
    background:darkred!important;
    color:white!important;
    }


/*    Kategorien nicht angeklickt, Text dunkelrot */

    *|*.category {
    color:darkred!important;
    }


/*    Kategorien hover Hintergrund + Schrift */

    *|*.category:hover {
    color:white!important;
    background:red!important;
    }
    
/*  Kategorien in abgerundeten Buttons */

    #preferencesButton,
    #addonsButton,
    #helpButton,
    #category-availableUpdates    {
    background-color: red !important;
    margin-top:5px !important;
    border-radius:60px !important;
    }    

/*    Add-ons entdecken entfernt */

    #category-discover{
    display:none!important;
    }

/*  Breite und Höhe der Container anpassen */

    addon-list addon-card > .addon.card
    {
        width: 92vw !important;    
        addon-card[expanded] >.addon.card    
        height: 50px !important;
    }
    
/*  Privatmodus und empfohlene Erweiterungen Icons entfernen */

    .addon-badge-recommended,
    .addon-badge-private-browsing-allowed {
    display:none !important; }

/*  Ghost Button */

    panel-item[action="toggle-disabled"][data-l10n-id="disable-addon-button"] {
    --icon:  url("file:///c://Users/Martin/AppData/Roaming/Mozilla/Firefox/Profiles/5p31hc0i.Nightly/chrome/Icons/Aus.png") !important;
    width: 16px !important;
    height: 16px !important; 
    }
    
    panel-item[action="toggle-disabled"][data-l10n-id="enable-addon-button"] {
    --icon:  url("file:///c://Users/Martin/AppData/Roaming/Mozilla/Firefox/Profiles/5p31hc0i.Nightly/chrome/Icons/An.png") !important;
    width: 16px !important;
    height: 16px !important; 
    }
    
    panel-item[action="remove"] {
    --icon:  url("file:///c://Users/Martin/AppData/Roaming/Mozilla/Firefox/Profiles/5p31hc0i.Nightly/chrome/Icons/trashicon.png") !important;
    width: 16px !important;
    height: 16px !important; 
    }
    
    panel-item[action="install-update"] {
    width: 16px !important;
    height: 16px !important;
    fill: red!important; 
    }
    
    panel-item[action="preferences"] {
    --icon:  url("file:///c://Users/Martin/AppData/Roaming/Mozilla/Firefox/Profiles/5p31hc0i.Nightly/chrome/Icons/Erdmännchen.png") !important;
    width: 16px !important;
    height: 16px !important; 
    }
    
    panel-item[action="report"] {
    --icon:  url("file:///c://Users/Martin/AppData/Roaming/Mozilla/Firefox/Profiles/5p31hc0i.Nightly/chrome/Icons/newsreader.png") !important;
    width: 16px !important;
    height: 16px !important; 
    }
    

    panel-item[action="expand"] {
    --icon:  url("file:///c://Users/Martin/AppData/Roaming/Mozilla/Firefox/Profiles/5p31hc0i.Nightly/chrome/Icons/Woodstock.ico") !important;
    width: 16px !important;
    height: 16px !important; 
    }       

/*  Umrandung bei Hover breiter Rand und andere Farbe */

    :root {
    --card-outline-color: DarkOrange !important;
    }

/*  Anzeige der Versionsnummer */

    @-moz-document  url-prefix(chrome://mozapps/content/extensions/aboutaddons.html) {
    
    div:not([current-view="updates"]) .addon-name-link[title]::after,
    div:not([current-view="updates"]) .addon-name[title]::after {
      display: block !important;
      content: attr(title) !important;
      margin-top: -22px !important;
    }
    }    

    addon-card:not([expanded]) .card-contents {
    white-space: normal !important;
    }

    .addon-description {
    max-width: 1150px !important;
    }
    
    button:hover {    
    cursor: pointer !important;
    }
    
    addon-list section addon-card div.card.addon div.addon-card-collapsed div.more-options-menu addon-options panel-list panel-item[action="toggle-disabled"] { /* Deaktivieren */
    margin-left: -10px !important;
    padding-right: 20px !important;
    background: gainsboro !important;
    border-radius: 60px !important;
    }

    addon-list section addon-card div.card.addon div.addon-card-collapsed div.more-options-menu addon-options panel-list panel-item[action="toggle-disabled"]:hover {
    background: magenta !important;
    color: white !important;
    }

    addon-list section addon-card div.card.addon div.addon-card-collapsed div.more-options-menu addon-options panel-list panel-item[action="remove"] {  /* Entfernen */
    margin-left: 8px !important;
    padding-right: 13px !important;
    background: gainsboro !important;
    border-radius: 60px !important;
    }

    addon-list section addon-card div.card.addon div.addon-card-collapsed div.more-options-menu addon-options panel-list panel-item[action="remove"]:hover {
    background: red !important;
    color: white !important;
    }

    addon-list section addon-card div.card.addon div.addon-card-collapsed div.more-options-menu addon-options panel-list panel-item[action="preferences"] {  /* Einstellungen */
    margin-left: 32px !important;
    padding-right: 18px !important;
    background: gainsboro !important;
    border-radius: 60px !important;
    }

    addon-list section addon-card div.card.addon div.addon-card-collapsed div.more-options-menu addon-options panel-list panel-item[action="preferences"]:hover {
    background: blue !important;
    color: white !important;
    }

    addon-list section addon-card div.card.addon div.addon-card-collapsed div.more-options-menu addon-options panel-list panel-item[action="expand"] {  /* Verwalten */
    margin-left: 60px !important;
    padding-right: 20px !important;
    background: gainsboro !important;
    border-radius: 60px !important;
    }
    
    addon-list section addon-card div.card.addon div.addon-card-collapsed div.more-options-menu addon-options panel-list panel-item[action="expand"]:hover {
    background: green !important;
    color: white !important;
    }
    
    addon-list section addon-card div.card.addon div.addon-card-collapsed div.more-options-menu addon-options panel-list panel-item[action="install-update"] {
    margin-left: 60px !important;
    padding-right: 17px !important;
    background: gainsboro !important;
    border-radius: 60px !important;
    }
    
    addon-list section addon-card div.card.addon div.addon-card-collapsed div.more-options-menu addon-options panel-list panel-item[action="install-update"]:hover {
    background: lime !important;
    color: white !important;
    }
    
/* hiermit wird der Hintergrund bei Klick auf das Zahnrad-Symbol ausgeblendet */
    
    button:-moz-focusring {
    box-shadow: none !important;
    outline: 0px dotted !important;
    outline-offset: 0px !important;
    }    

/* hiermit wird der Hintergrund bei Klick auf Buttons auf der rechten Seite ausgeblendet */
    
    button:focus, button:enabled:hover {
    background-color: transparent !important;
    border: none !important;
    }

/* hiermit werden unter Themes die Grafiken ausgeblendet */
    
    .card-heading-image {
    display: none !important;
    }
    
/* Erweiterungssuche ausblenden */

    .main-search {
    display: none !important;
    }

/* Nummerierung der installierten Erweiterungen */

    body {
    counter-reset: section;                     
    }

    #main > div:nth-child(1) > addon-list:nth-child(1) > section:nth-child(2) > addon-card:nth-child(n+2) > div:nth-child(1) > div:nth-child(2)::before,
    #main > div:nth-child(1) > addon-list:nth-child(1) > section:nth-child(3) > addon-card:nth-child(n+2) > div:nth-child(1) > div:nth-child(2)::before {
    font-size:18px!important;  
    color: red !important;
    font-weight: bold !important;
    counter-increment: section;                 
    content: counter(section)": ";
    margin-left: -8px !important;
    padding-right: 8px !important; 
    margin-top:4px!important;
    } 
  
    addon-list addon-card > .addon.card {
    width: 700px;
    }
    
/* Button Verwalten ausgeblendet */
    
    addon-list section addon-card div.card.addon div.addon-card-collapsed div.more-options-menu addon-options panel-list panel-item[action="expand"] {  
    display: none !important;
    }

Alles anzeigen

Ist es möglich, wie auch in 70.0.1 , das 3-Punkt-Menü wieder anzeigen zu lassen?

FuchsFan

@2002Andreas

Nur ein Hinweis, Andreas. Nachdem ich den Eintrag auch im Nightly geändert habe (@-moz-document url-prefix, usw.) greift auch der Code (wollte bisher nicht) zum Ausblenden des Suchfeldes im Addon-Manager.

CSS

/******** Suchfeld für Erweiterungen wird ausgeblendet *****/
#header-search,#search-label {
    display: none !important;
    }

Grüße

FuchsFan

2002Andreas

Zitat von FuchsFan

Nur ein Hinweis,

Danke

Boersenfeger

Hier klappt das im Nightly mit diesem Code

CSS

/* Erweiterungssuche ausblenden */

    .main-search {
    display: none !important;
    }

Kann jemand noch was zu #27 sagen?

FuchsFan

2002Andreas

Hier hatte ich dich gebeten, mir den Code zu überlassen:

Ansicht "Erweiterungen verwalten"

Ich vermute mal, dass das von Aris (oder Teile davon) ist. Ich habe in der 71 Beta mal getestet und ein wenig daran geschraubt. Bisher war das erst einmal dabei raus gekommen (siehe Bild).

Nun habe ich den gleichen Code im Nightly getestet, da sieht es natürlich wieder wüst aus i.M. Was aber zu erkennen ist (nach links verrutscht), dass die Button noch da sind. Ich schreibe das deshalb, weil sich eventuel darauf aufbauen lässt. Oder?

milupo

Zitat von FuchsFan

Hier hatte ich dich gebeten, mir den Code zu überlassen:
Ansicht "Erweiterungen verwalten"

Hallo FuchsFan, der Link springt nur zur Seite des Threads. Klicke bitte in Zukunft mit der rechten Maustaste auf die Beitragsnummer und wähle aus dem Kontextmenü „Linkadresse kopieren“. Dann kann man mit einem Klick sofort zum betreffenden Beitrag springen.

milupo

Zitat von FuchsFan

Ich schreibe das deshalb, weil sich eventuel darauf aufbauen lässt. Oder?

Auf deinen Codes lässt sich besser aufbauen.

FuchsFan

Zitat von milupo

auf die Beitragsnummer und wähle aus dem Kontextmenü „Linkadresse kopieren“

Ja, wenn ich das vorher gewusst hätte , ja dann.............Danke für den Tipp.

Zitat von milupo

Auf deinen Codes lässt sich besser aufbauen.

Ist nicht mein Code, habe ich nur so "hingewurschtelt". Mir ging es jetzt um die Button auf der rechten Seite, weil die ja mit dem Code im Nightly nicht mehr angezeigt werden. Schade, andere Mitstreiter wünschen sich das auch, wie zu lesen ist.

Grüße

FuchsFan

milupo

Zitat von FuchsFan

Ist nicht mein Code, habe ich nur so "hingewurschtelt".

Das meinte ich nicht. Ich meine damit, dass die Bildschirmfotos nicht viel helfen. Der Fehler ist in dem von dir verwendeten Code, aber ohne den zu kennen, kann man dir kaum helfen.

Boersenfeger

.. also nicht Bild sondern Code einstellen...

milupo

Zitat von Boersenfeger

.. also nicht Bild sondern Code einstellen...

So kann man das nicht formulieren. Das Bild ist schon gut, es macht anschaulich, dass da etwas nicht stimmt.

Boersenfeger

.. ok, dann beides

FuchsFan

Zitat von milupo

Das meinte ich nicht. Ich meine damit, dass die Bildschirmfotos nicht viel helfen

Gebe ich dir Recht. Aber da ist ein Missverständnis aufzuklären. Es geht mir jetzt nicht um den Code aus den Bildern, es geht um den Code den wir bis zur 71 Beta verwenden, wo dann auch die Button auf der rechten Seite zu sehen sind. Im Nightly sind die Button weg, der Rest funktioniert. Mit darauf aufbauen meinte ich, dass eventuell Code-Teile (aus dem Code auf den Bildern) verwendet werden könnten, um in dem jetzigen Code die Button im Nightly auch wieder anzeigen zu lassen. Denn auf dem Bild sind ja links die Button zu erkennen. Den Code kann ich mir auch wieder zurecht rücken, dass es passt. Mir, und Anderen geht es nur um die Button auf der rechten Seite im aktuellen Code für Nightly. Da er bald Beta wird, in die Hände gespuckt. Du bist ja auch zuversichtlich, wenn du bemerkst, dass es sich auf dem Code besser aufbauen lässt.

Grüße

FuchsFan

milupo

Ja, meinst du, ich merke mir, welche Codes du hast, abgesehen mal davon, dass die bedingt durch die einzelnen Firefox-Versionen abweichen können? Was ist jetzt so schwierig, den Code einzustellen, den du für das Nightly verwendest, wo das Problem auftritt?

Addons Manager Nightly

Ähnliche Themen

Anpassungen der css-Codes ab Firefox 68, bzw. 69 - Diskussion

extras_config_menu funktioniert im Nightly nicht mehr

Erweiterungen Fenster [gelöst]

Addons-Manager in Nightly bereinigen