Beiträge von Boersenfeger

Boersenfeger

Wenn du genau hinschaust, siehst du oben bei Hell im Buttonfeld eine weisse Erhöhung, genau diese meine ich...

Hier auch bei den Wörterbüchern zu erkennen.

Boersenfeger

Vielen Dank an alle, die gestern an mich gedacht haben. Bleibt gesund und munter!

Boersenfeger

Zitat von 2002Andreas

Zitat von Boersenfeger

weißen Hintergründen siehe

Sieht hier so aus mit dem Code:

Gehe doch mal bitte auf die Themes-Seite... dann sehe ich es deutlicher...

Boersenfeger

... ich bräuchte auch noch Hilfe wegen den weißen Hintergründen siehe # 112

Beitrag

RE: Addons-Manager anpassen

Ich habe nun meinen Code aus #96 am Ende mit dem Teilcode aus #105 Zeile 8-12 ergänzt.

Jetzt habe ich diese Erscheinung:

Wie kann ich diesen entfernen?

(Quelltext, 695 Zeilen)

Boersenfeger

10. Februar 2022 um 17:57

Boersenfeger

Findest du hier

Forum - Thunderbird Mail DE

Boersenfeger

Zitat von milupo

In Beitrag #108 ist aber kein Code.

War ein Tippfehler, Zeile 105 war gemeint...

Zitat von 2002Andreas

Ich habe doch extra den kompl. Code gepostet, da brauchst du doch selber nicht mehr ändern

Das hatte ich nicht auf mich bezogen.. eben getestet, gibt aber die gleiche Erscheinung wie in den Screenshots aus #112 ersichtlich..

Boersenfeger

Ich habe nun meinen Code aus #96 am Ende mit dem Teilcode aus #105 Zeile 8-12 ergänzt.

Jetzt habe ich diese Erscheinung:

Wie kann ich diesen entfernen?

CSS

/*  Addons-Manager Nightly */

/*  Versionsnummer der Addons wird angezeigt */

     @-moz-document url-prefix(chrome://mozapps/content/extensions/aboutaddons.html),
    url-prefix(chrome://mozapps/content/extensions/extensions.xhtml), url-prefix(about:addons) {
        
    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;
    }

/*  Hintergrund der Button auf der rechten Seite */

    addon-list addon-card:not([expanded="true"]) panel-list * {
      background: antiquewhite !important;
      color: black !important;
      font-weight: bold !important;
    }
    
    @supports -moz-bool-pref("browser.in-content.dark-mode") 
     @media (prefers-color-scheme: dark) 
     addon-list addon-card:not([expanded="true"]) panel-list *,
     .more-options-menu panel-item {
     background: black !important;
     color: white !important;
    
    }
    
    
    addon-list panel-item {
      margin: 0 1px !important;
      box-shadow: inset 0 0 3px 3px grey;
    }
    
   
/*  Reduce Size of default Buttons */

    link:is([href$="panel-item.css"],[href$="panel-list.css"]) ~ button {
      width: unset !important;
      padding: 10px 24px !important; /* 5px ist die Höhe der rechten Button */
     
    }
    
/*  Entfernt den Drei-Punkte-Button aus dem Container */

    addon-card .more-options-button {
      display: none !important;
    }

/*  Remove Button Icon */

    addon-list panel-item {
      --icon: unset !important;
    
    }
    
/*  Restore Buttons */
    
    addon-list .more-options-menu :is(addon-options,plugin-options) panel-list {
      position: relative !important;
      display: block !important;
      overflow: hidden !important;
      margin-top: -25px;
      background: unset !important;
      border: unset !important;
      box-shadow: unset !important;
      min-width: unset !important;
      width: unset !important;     
    }

    div.arrow.top + div.list {
      display: flex !important;
      flex-flow: row wrap !important;
      justify-content: flex-start !important;
    }

    panel-item[action="preferences"] {
      order: -1;
    }
    
    panel-item[badged] {
      border: 1px solid Highlight !important;
    }
    
    panel-item[badged]::after,
    :host([badged]) button::after,
    link:is([href$="panel-item.css"],[href$="panel-list.css"]) ~ button::after,
    :is(addon-options,plugin-options) button::after {
      display: none !important;
      content: unset !important;
    }
    
    addon-page-options panel-list {
      min-width: unset !important;
      width: auto !important;
      max-width: 300px !important;
      z-index: 1000 !important;      
    }
    
    addon-page-options panel-list panel-item {
      min-width: 280px !important;
      width: 280px !important;     
    }
    
    .sticky-container {
      z-index: 1000 !important;
    }
    
    link:-is([href$="panel-item.css"],[href$="panel-list.css"]) ~ button label[accesskey] {
      padding-inline-start: 0px !important;
      padding-top: 3px !important;
      padding-bottom: 3px !important;
      min-width: 260px !important;
      width: 260px !important;      
    }

    addon-page-options panel-list panel-item[accesskey][checked] {
      background: url("chrome://global/skin/icons/check.svg") 5px no-repeat !important;
    }
        
    addon-list addon-card:not([expanded="true"]) panel-list {     
      display: block !important;   
      box-shadow: none !important; 
      border: none !important;
      right: 45px !important; /* Abstand der Button bei Erweiterungen vom rechten Rand */     
    }

/*  Abstand zwischen den Containern */  
    
    addon-card .addon { 
    margin: 5px !important; 
    }

/*  Höhe der Container */
    
    addon-list[type="extension"]{ 
    --card-padding: 19px }
    addon-card .addon-card-collapsed { 
    margin-bottom: 2px !important; /* Button rechts Abstand vom oberen Rand */   
    }    

/*  Abstand der Button vom rechten Rand bei Themes, Plugins, Wörterbücher, usw.*/
    
    addon-list:is([type="theme"],[type="plugin"],[type="dictionary"]) addon-card:not([expanded="true"]) panel-list {
    right: 55px !important; 
    
    }

/*  Abstand der Button vom oberen Rand bei Plugins, Wörterbücher, usw. */
    
    addon-list addon-card:not([expanded="true"]) panel-list {
      margin-top: -60px !important;
    }

/*  Abstand der Button vom oberen Rand bei Themes */
    
    addon-list:is([type="theme"]) addon-card:not([expanded="true"]) panel-list {
      margin-top: -60px !important;
      margin-left: -100px !important;
    }

/*  Ausdehnung der Container zum rechten Rand */    

    .addon.card {
    width: 1560px;
    }

    input[type="checkbox"].toggle-button {
      margin-right: 430px !important; /* blauer Button -Deaktivieren/Aktivieren- Abstand vom rechten Rand */
    }
    
/*  Nummerierung der installierten Erweiterungen im AddonsManager */

    body {
    counter-reset: section !important;                   
    }
    #main > addon-list:nth-child(1) > section:nth-child(2) > addon-card:nth-child(n+1) > 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, decimal-leading-zero)". ";
    margin-left: -8px !important;
    padding-right: 8px !important; 
    margin-top:4px!important;
    }
    
/*  Abstand der Button zum linken Rand */
    
    #categories > .category, #preferencesButton, #helpButton, #addonsButton {
      margin-left: 5px !important; 
    }

    #categories > .category:not([disabled]){
      background-color: gainsboro !important;/*Hintergrundfarbe vom Button*/
      margin-top: 2px !important; /*Abstand zum Button darüber*/
      border-radius: 60px !important;/*Rundung vom Button*/
      box-shadow: inset 0 0 5px 5px #888;
    }
    
/*  Aktiver Button rot, Schrift weiß */
    
    #categories > .category[selected]{
      color: white !important;
      background-color: red !important;
      margin-top: 1px !important;
      border-radius: 60px !important;
      box-shadow: inset 0 0 5px 5px #888; 
    }

/*  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;
      box-shadow: inset 0 0 5px 5px #888;      
    }
        
/*  Optionen-Button */

    button.more-options-button:nth-child(1) {

    position: absolute !important;
    left: 19% !important;
    margin-top: -10px !important;
    }

/*  Bei "Themes" die Grafiken ausblenden */
    
    .card-heading-image {
    display: none !important;
    }
      
    
/*  Erweiterungssuche ausblenden */

    .main-search {
    display: none !important;
    }
    
/*  Ausblenden Firefox Optionen */

    #preferencesButton,
    #help-button {
    display: none !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[name="discover"] {
    display:none!important;
    }
    
/*  Privatmodus und empfohlene Erweiterungen Icons entfernen */

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


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

    :root {
    --card-outline-color: LimeGreen !important;
    }
    
    @-moz-document url-prefix(chrome://mozapps/content/extensions/aboutaddons.html),
    url-prefix(about:addons) {

   #sidebar {
    background: darkkhaki !important;
    }
    
    .main-search,
    .sticky-container,
    .main-heading,
    #content {
    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;
    }

/*    Kategorien nicht angeklickt, Text dunkelrot */

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

/*    Kategorien hover Hintergrund + Schrift */

    *|*.category:hover {
    color:white!important;
    background:red!important;
    }

/*   Einstellungen-Fenster verbreitern */
    
    @-moz-document url-prefix(aboutpreferences){
    .pane-container{
    width: 900px !important;
    }                      
    
/*   Unter Plugins Nachfragen ob aktiviert werden soll entfernt */

    #main > div:nth-child(1) > addon-list:nth-child(1) > section:nth-child(2) > addon-card:nth-child(2) > div:nth-child(1) > plugin-options:nth-child(5) > panel-list:nth-child(1) > panel-item:nth-child(1),
    #main > div:nth-child(1) > addon-list:nth-child(1) > section:nth-child(2) > addon-card:nth-child(3) > div:nth-child(1) > plugin-options:nth-child(5) > panel-list:nth-child(1) > panel-item:nth-child(1) {
    display: none !important;
    }
    
/*    Button mit dem Zahnrad */

    .page-options-menu > .more-options-button {
      fill: red !important; /* rotes Zahnrad */ 
      border: 1px solid grey !important; /* farbige Umrandung */
      border-radius: 15px !important; /* Abrundung */
      width: 60px !important; /* Länge des Button */
      height: 30px ! important; /* Höhe des Button */
      box-shadow: inset 0 0 2px 2px grey; /* innerer Schatten */
    } 
    
/*   Button oben mit dem Zahnrad bei Hover */

    .page-options-menu > .more-options-button:hover {
      fill: lime !important; /* Farbe des Zahnrades */
    }

/*   Aussehen des Menü hinter dem Zahnrad */

    link:is([href$="panel-item.css"],[href$="panel-list.css"]) ~ button label[accesskey] {
      margin-left: 6% ! important;
      min-width: 350px !important;
      width: 375px !important; /* Länge der einzelnen Felder */
      background: white ! important; /* Farbe des Hintergrundes */
    }
    
    link:is([href$="panel-item.css"],[href$="panel-list.css"]) ~ button label[accesskey]:hover {
      background: lightyellow !important;    
    }  
    .sticky-container {
      z-index: 1000 !important;
    }

     button:focus {
     background: none !important;
 }
 
    addon-page-options panel-list panel-item {
      width: 425px !important; /* Länge der aktivierten Menü-Leiste */
      background: none ! important;
      padding-right: 15px !important;
    }
    
    addon-page-options panel-list panel-item:hover {
      width: 425px !important; 
      background: lime ! important;
      color: red !important;
    }    

    addon-page-options panel-list {
      min-width: unset !important;
      width: auto !important;
      max-width: 450px !important; /* Ausdehnung der Felder nach rechts */ 
      background: #f8f8ff ! important; /* farbiger Hintergrund des Feldes */
      padding-left: 8px !important; /* Ausdehnung nach links */
      padding-right: 3px !important; /* Ausdehnung nach rechts */
      z-index: 1000 !important;
    }
    
/*  Hintergrund der Box Updates automatisch aktualisieren */
    addon-page-options panel-list panel-item[accesskey][checked] {
      background: gold !important;
    }           
    
/*  Zurückbutton bei geöffnetem Menü Einstellung/Verwalten */
    .back-button {
      background-color: silver !important;/*Hintergrundfarbe vom Button*/
      width: 60px !important;
      border-radius: 60px !important;/*Rundung vom Button*/
      box-shadow: inset 0 0 3px 3px #888;
    }
    
    .back-button:hover {
      color: white !important;
      background-color: dodgerblue !important;
      border-radius: 60px !important;
      box-shadow: inset 0 0 3px 3px #888;
    }    

/*  Icons des Stern-Kontextmenü */

    #page-options > panel-list:nth-child(1) > panel-item:nth-child(1)::before {
     content: '';
     display: block;
     width: 16px;
     height: 16px;
     background: url("..//icons/Bild5.png") no-repeat !important;
     background-size: 16px 16px !important;
     margin-left: 15px;
     margin-right: -31px;}

    #page-options > panel-list:nth-child(1) > panel-item:nth-child(2)::before {
     content: '';
     display: block;
     width: 16px;
     height: 16px;
     background: url("..//icons/Bild61.png") no-repeat !important;
     background-size: 16px 16px !important;
     margin-left: 15px;
     margin-right: -31px;}
 
    #page-options > panel-list:nth-child(1) > panel-item:nth-child(4)::before {
      content: '';
     display: block;
     width: 16px;
     height: 16px;
     background: url("..//icons/Bild3.png") no-repeat !important;
     background-size: 16px 16px !important;
     margin-left: 15px;
     margin-right: -31px;}

    #page-options > panel-list:nth-child(1) > panel-item:nth-child(5)::before {
     content: '';
     display: block;
     width: 16px;
     height: 16px;
     background: url("..//icons/Bild66.ico") no-repeat !important;
     background-size: 16px 16px !important;
     margin-left: 15px;
     margin-right: -31px;}

    #page-options > panel-list:nth-child(1) > panel-item:nth-child(7) {
     fill: transparent !important;}
     
    #page-options > panel-list:nth-child(1) > panel-item:nth-child(7)::before {
     content: '';
     display: block;
     width: 16px;
     height: 16px;
     background: url("..//icons/Bild62.png") no-repeat !important;
     background-size: 18px 18px !important;
     margin-left: 16px;
     margin-right: -32px;
     margin-bottom: 3px;}
    
    #page-options > panel-list:nth-child(1) > panel-item:nth-child(7):not([checked])::before {
     content: '';
     font-size: 14px;
     padding-left: 0px !important;
     padding-top: 1px !important;
     padding-bottom: 2px !important;
     display: block;
     width: 16px;
     height: 16px;
     background: url("..//icons/Bild63.png") no-repeat !important;
     background-size: 18px 18px !important;
     margin-left: 15px;
     margin-right: -32px;
     margin-bottom: 3px;}
    
    #page-options > panel-list:nth-child(1) > panel-item:nth-child(8)::before {
     content: '';
     display: block;
     width: 16px;
     height: 16px;
     background: url("..//icons/Bild64.png") no-repeat !important;
     background-size: 16px 16px !important;
     margin-left: 15px;
     margin-right: -31px;}

    #page-options > panel-list:nth-child(1) > panel-item:nth-child(10)::before {
     content: '';
     display: block;
     width: 16px;
     height: 16px;
     background: url("..//icons/Bild67.png") no-repeat !important;
     background-size: 16px 16px !important;
     margin-left: 15px;
     margin-right: -31px;}    
     }
     
/*  About:addons  - Optionen Schaltfläche */
    
    @-moz-document url("about:addons"){
    
    #utils-updateNow{
    appearance: none !important;
    background: url("..//icons/Bild5.png") no-repeat !important;
    min-height: 24px!important;
    padding-top: 5px! important;
    padding-left:28px!important;
    background-position:6px 5px!important;}

    #utils-updateNow:hover{
    appearance: none !important;
    margin-right: -1px !important;
    background: #ecf0f6 url("..//icons/Bild5.png") no-repeat !important;    
    border-width: thin !important;
    border-radius: 4px !important;
    border-color: #aecff7 !important;
    border-style: solid !important;
    min-height: 24px!important;
    padding-top: 5px! important;
    padding-left:28px!important;
    background-position:6px 5px!important;}

    #utils-viewUpdates{
    appearance: none !important;
    background: url("..//icons/Bild61.png") no-repeat !important;
    min-height: 24px!important;
    padding-top: 5px! important;
    padding-left:28px!important;
    background-position:6px 5px!important;}

    #utils-viewUpdates:hover{
    appearance: none !important;
    margin-right: -1px !important;
    background: #ecf0f6 url("..//icons/Bild61.png") no-repeat !important;    
    border-width: thin !important;
    border-radius: 4px !important;
    border-color: #aecff7 !important;
    border-style: solid !important;
    min-height: 24px!important;
    padding-top: 5px! important;
    padding-left:28px!important;
    background-position:6px 5px!important;}

    #utils-installFromFile{
    appearance: none !important;
    background: url("..//icons/Bild3.png") no-repeat !important;
    min-height: 24px!important;
    padding-top: 5px! important;
    padding-left:28px!important;
    background-position:6px 5px!important;}

    #utils-installFromFile:hover{
    appearance: none !important;
    margin-right: -1px !important;
    background: #ecf0f6 url("..//icons/Bild3.png") no-repeat !important;    
    border-width: thin !important;
    border-radius: 4px !important;
    border-color: #aecff7 !important;
    border-style: solid !important;
    min-height: 24px!important;
    padding-top: 5px! important;
    padding-left:28px!important;
    background-position:6px 5px!important;}

    #utils-autoUpdateDefault[type="checkbox"][checked="true"]>.menu-iconic-left{
    appearance: none !important;
    background: url("..//icons/Bild62.png")no-repeat !important;
    height:15px!important;
    padding-top:1px!important;
    margin-left:5px !important;}

    #utils-autoUpdateDefault[type="checkbox"][checked="true"]>.menu-iconic-text {
    padding-left: 12px !important;}

    #utils-autoUpdateDefault[type="checkbox"][checked="false"]>.menu-iconic-left{
    appearance: none !important;
    background: url("..//icons/Bild63.png")no-repeat !important;
    height:15px!important;
    padding-top:1px!important;
    margin-left:7px !important;}

    #utils-autoUpdateDefault[type="checkbox"][checked="false"]>.menu-iconic-text{
    padding-left: 10px !important;}

    #utils-resetAddonUpdatesToAutomatic{
    appearance: none !important;
    background: url("..//icons/Bild64.png") no-repeat !important;
    min-height: 24px!important;
    padding-top: 5px! important;
    padding-left:28px!important;
    background-position:6px 5px!important;}

    #utils-resetAddonUpdatesToAutomatic:hover{
    appearance: none !important;
    margin-right: -1px !important;
    background: #ecf0f6 url("..//icons/Bild64.png") no-repeat !important;    
    border-width: thin !important;
    border-radius: 4px !important;
    border-color: #aecff7 !important;
    border-style: solid !important;
    min-height: 24px!important;
    padding-top: 5px! important;
    padding-left:28px!important;
    background-position:6px 5px!important;}

    #utils-resetAddonUpdatesToManual{
    appearance: none !important;
    background: url("..//icons/Bild65.png") no-repeat !important;
    min-height: 24px!important;
    padding-top: 5px! important;
    padding-left:28px!important;
    background-position:6px 5px!important;}

    #utils-resetAddonUpdatesToManual:hover{
    appearance: none !important;
    margin-right: -1px !important;
    background: #ecf0f6 url("..//icons/Bild65.png") no-repeat !important;    
    border-width: thin !important;
    border-radius: 4px !important;
    border-color: #aecff7 !important;
    border-style: solid !important;
    min-height: 24px!important;
    padding-top: 5px! important;
    padding-left:28px!important;
    background-position:6px 5px!important;}    

    #utils-debugAddons{
    appearance: none !important;
    background: url("..//icons/Bild66.ico") no-repeat !important;
    min-height: 24px!important;
    padding-top: 5px! important;
    padding-left:28px!important;
    background-position:6px 5px!important;}

    #utils-debugAddons:hover{
    appearance: none !important;
    margin-right: -1px !important;
    background: #ecf0f6 url("..//icons/Bild66.ico") no-repeat !important;    
    border-width: thin !important;
    border-radius: 4px !important;
    border-color: #aecff7 !important;
    border-style: solid !important;
    min-height: 24px!important;
    padding-top: 5px! important;
    padding-left:28px!important;
    background-position:6px 5px!important;}    

    #manage-shortcuts{
    appearance: none !important;
    background: url("..//icons/Bild67.png") no-repeat !important;
    min-height: 24px!important;
    padding-top: 5px! important;
    padding-left:28px!important;
    background-position:6px 5px!important;}

    #manage-shortcuts:hover{
    appearance: none !important;
    margin-right: -1px !important;
    background: #ecf0f6 url("..//icons/Bild67.png") no-repeat !important;    
    border-width: thin !important;
    border-radius: 4px !important;
    border-color: #aecff7 !important;
    border-style: solid !important;
    min-height: 24px!important;
    padding-top: 5px! important;
    padding-left:28px!important;
    background-position:6px 5px!important;}
    
    #empty-addons-message {
    display: none !important;
    }
    
/*  Ordnet die Button horizontal an */ 

    div[role="presentation"].list {
    display: flex !important;
    flex-flow: row wrap !important;
    justify-content: flex-start !important;
    padding-top: 15px! important;
    }
    }

Alles anzeigen

Boersenfeger

Danke für meine Erhellung!

Boersenfeger

Wie auch immer, ich hatte diese Verschiebung im Nightly nicht... auch nicht mit Nightly 97 oder 98

Vielleicht war ich auch schon viel früher "freigeschaltet".

milupo : genauso!

Boersenfeger

Ich habe das jetzt nochmal geprüft, ich hatte exakt den markierten Code auskommentiert. Im Nightly, ob aktiv oder auskommentiert, kann ich mit dem Mausrädchen in den beiden erwähnten Untermenüs Scrollen.

Dadurch ggf. 14 Zeilen Code eingespart!

Boersenfeger

Da ich fast nur mit der Nightly-Version unterwegs bin, ists mir nicht so wichtig. Ich denke, das aborix ggf. das Script für 97 und 98 anpassen kann. Komisch ist das aber schon...

Boersenfeger

Mir kanns ja egal sein...

Boersenfeger

Ich scrolle (immer) mit dem Mausrädchen und sehe den Scrollbalken gar nicht... Wenn ich den o.a. Code in Nightly auskommentiere, ist der Wetterfuchsbutton aus der Oberfläche verschwunden. Ich lasse alles so, wie es ist.

Boersenfeger

.. leider äußert er sich nicht dazu...

Boersenfeger

Missverständnis: Meine Kreditkarte wird mir angezeigt. Ich sehe nur diese Grafik nicht und habe auch die Verschiebung nicht, die im Screenshot #1041 zu sehen ist.

Boersenfeger

Ich habe hier keine Grafik und auch nicht die Erscheinung im Nightly..

Boersenfeger

Zitat von Heinrich

Es hat ja vorher immer funktioniert mit all den anderen Änderungen und erst seit dem Update nicht mehr !

Da dein Code bei 2002Andreas auch mit vorherigen Versionen nicht funktioniert, liegt der Verdacht nahe, und ich wiederhole mich hier, das du noch weitere Codes verwendest, die es bisher möglich machten, nun aber ggf. nach dem UpDate nicht mehr. Dann muss also Hand angelegt werden. Du solltest alle anderen Codes zunächst mal entfernen und testest dann nach einem Firefoxneustart, ob es bei dir funktioniert. Das Beharren auf deiner Aussage bringt dich nicht weiter.

BTW: Mein Code war eine Draufgabe und kein Lösungsvorschlag..

Boersenfeger

Ähh, es funktioniert hier in Nightly, muss also nix geändert werden im Code... ich teste jetzt mal in 97.0...

Ich bestätige, das man in 97.0 nicht Scrollen kann, in Nightly aber schon..

Boersenfeger

Vielleicht haben andere verwendete Codes darauf Einfluß. Welche sind denn noch aktiv?

Zum Vergleich hier mal mein kompletter Code für about:addons, vielleicht kannst du davon etwas verwenden!?

CSS

/*  Addons-Manager Nightly */

/*  Versionsnummer der Addons wird angezeigt */

     @-moz-document url-prefix(chrome://mozapps/content/extensions/aboutaddons.html),
    url-prefix(chrome://mozapps/content/extensions/extensions.xhtml), url-prefix(about:addons) {
        
    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;
    }

/*  Hintergrund der Button auf der rechten Seite */

    addon-list addon-card:not([expanded="true"]) panel-list * {
      background: antiquewhite !important;
      color: black !important;
      font-weight: bold !important;
    }
    
    @supports -moz-bool-pref("browser.in-content.dark-mode") 
     @media (prefers-color-scheme: dark) 
     addon-list addon-card:not([expanded="true"]) panel-list *,
     .more-options-menu panel-item {
     background: black !important;
     color: white !important;
    
    }
    
    
    addon-list panel-item {
      margin: 0 1px !important;
      box-shadow: inset 0 0 3px 3px grey;
    }
    
   
/*  Reduce Size of default Buttons */

    link:is([href$="panel-item.css"],[href$="panel-list.css"]) ~ button {
      width: unset !important;
      padding: 10px 24px !important; /* 5px ist die Höhe der rechten Button */
     
    }
    
/*  Entfernt den Drei-Punkte-Button aus dem Container */

    addon-card .more-options-button {
      display: none !important;
    }

/*  Remove Button Icon */

    addon-list panel-item {
      --icon: unset !important;
    
    }
    
/*  Restore Buttons */
    
    addon-list .more-options-menu :is(addon-options,plugin-options) panel-list {
      position: relative !important;
      display: block !important;
      overflow: hidden !important;
      margin-top: -25px;
      background: unset !important;
      border: unset !important;
      box-shadow: unset !important;
      min-width: unset !important;
      width: unset !important;     
    }

    div.arrow.top + div.list {
      display: flex !important;
      flex-flow: row wrap !important;
      justify-content: flex-start !important;
    }

    panel-item[action="preferences"] {
      order: -1;
    }
    
    panel-item[badged] {
      border: 1px solid Highlight !important;
    }
    
    panel-item[badged]::after,
    :host([badged]) button::after,
    link:is([href$="panel-item.css"],[href$="panel-list.css"]) ~ button::after,
    :is(addon-options,plugin-options) button::after {
      display: none !important;
      content: unset !important;
    }
    
    addon-page-options panel-list {
      min-width: unset !important;
      width: auto !important;
      max-width: 300px !important;
      z-index: 1000 !important;      
    }
    
    addon-page-options panel-list panel-item {
      min-width: 280px !important;
      width: 280px !important;     
    }
    
    .sticky-container {
      z-index: 1000 !important;
    }
    
    link:-is([href$="panel-item.css"],[href$="panel-list.css"]) ~ button label[accesskey] {
      padding-inline-start: 0px !important;
      padding-top: 3px !important;
      padding-bottom: 3px !important;
      min-width: 260px !important;
      width: 260px !important;      
    }

    addon-page-options panel-list panel-item[accesskey][checked] {
      background: url("chrome://global/skin/icons/check.svg") 5px no-repeat !important;
    }
        
    addon-list addon-card:not([expanded="true"]) panel-list {     
      display: block !important;   
      box-shadow: none !important; 
      border: none !important;
      right: 45px !important; /* Abstand der Button bei Erweiterungen vom rechten Rand */     
    }

/*  Abstand zwischen den Containern */  
    
    addon-card .addon { 
    margin: 5px !important; 
    }

/*  Höhe der Container */
    
    addon-list[type="extension"]{ 
    --card-padding: 19px }
    addon-card .addon-card-collapsed { 
    margin-bottom: 2px !important; /* Button rechts Abstand vom oberen Rand */   
    }    

/*  Abstand der Button vom rechten Rand bei Themes, Plugins, Wörterbücher, usw.*/
    
    addon-list:is([type="theme"],[type="plugin"],[type="dictionary"]) addon-card:not([expanded="true"]) panel-list {
    right: 55px !important; 
    
    }

/*  Abstand der Button vom oberen Rand bei Plugins, Wörterbücher, usw. */
    
    addon-list addon-card:not([expanded="true"]) panel-list {
      margin-top: -60px !important;
    }

/*  Abstand der Button vom oberen Rand bei Themes */
    
    addon-list:is([type="theme"]) addon-card:not([expanded="true"]) panel-list {
      margin-top: -60px !important;
      margin-left: -100px !important;
    }

/*  Ausdehnung der Container zum rechten Rand */    

    .addon.card {
    width: 1560px;
    }

    input[type="checkbox"].toggle-button {
      margin-right: 430px !important; /* blauer Button -Deaktivieren/Aktivieren- Abstand vom rechten Rand */
    }
    
/*  Nummerierung der installierten Erweiterungen im AddonsManager */

    body {
    counter-reset: section !important;                   
    }
    #main > addon-list:nth-child(1) > section:nth-child(2) > addon-card:nth-child(n+1) > 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, decimal-leading-zero)". ";
    margin-left: -8px !important;
    padding-right: 8px !important; 
    margin-top:4px!important;
    }
    
/*  Abstand der Button zum linken Rand */
    
    #categories > .category, #preferencesButton, #helpButton, #addonsButton {
      margin-left: 5px !important; 
    }

    #categories > .category:not([disabled]){
      background-color: gainsboro !important;/*Hintergrundfarbe vom Button*/
      margin-top: 2px !important; /*Abstand zum Button darüber*/
      border-radius: 60px !important;/*Rundung vom Button*/
      box-shadow: inset 0 0 5px 5px #888;
    }
    
/*  Aktiver Button rot, Schrift weiß */
    
    #categories > .category[selected]{
      color: white !important;
      background-color: red !important;
      margin-top: 1px !important;
      border-radius: 60px !important;
      box-shadow: inset 0 0 5px 5px #888; 
    }

/*  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;
      box-shadow: inset 0 0 5px 5px #888;      
    }
        
/*  Optionen-Button */

    button.more-options-button:nth-child(1) {

    position: absolute !important;
    left: 19% !important;
    margin-top: -10px !important;
    }

/*  Bei "Themes" die Grafiken ausblenden */
    
    .card-heading-image {
    display: none !important;
    }
      
    
/*  Erweiterungssuche ausblenden */

    .main-search {
    display: none !important;
    }
    
/*  Ausblenden Firefox Optionen */

    #preferencesButton,
    #help-button {
    display: none !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[name="discover"] {
    display:none!important;
    }
    
/*  Privatmodus und empfohlene Erweiterungen Icons entfernen */

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


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

    :root {
    --card-outline-color: LimeGreen !important;
    }
    
    @-moz-document url-prefix(chrome://mozapps/content/extensions/aboutaddons.html),
    url-prefix(about:addons) {

   #sidebar {
    background: darkkhaki !important;
    }
    
    .main-search,
    .sticky-container,
    .main-heading,
    #content {
    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;
    }

/*    Kategorien nicht angeklickt, Text dunkelrot */

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

/*    Kategorien hover Hintergrund + Schrift */

    *|*.category:hover {
    color:white!important;
    background:red!important;
    }

/*   Einstellungen-Fenster verbreitern */
    
    @-moz-document url-prefix(aboutpreferences){
    .pane-container{
    width: 900px !important;
    }                      
    
/*   Unter Plugins Nachfragen ob aktiviert werden soll entfernt */

    #main > div:nth-child(1) > addon-list:nth-child(1) > section:nth-child(2) > addon-card:nth-child(2) > div:nth-child(1) > plugin-options:nth-child(5) > panel-list:nth-child(1) > panel-item:nth-child(1),
    #main > div:nth-child(1) > addon-list:nth-child(1) > section:nth-child(2) > addon-card:nth-child(3) > div:nth-child(1) > plugin-options:nth-child(5) > panel-list:nth-child(1) > panel-item:nth-child(1) {
    display: none !important;
    }
    
/*    Button mit dem Zahnrad */

    .page-options-menu > .more-options-button {
      fill: red !important; /* rotes Zahnrad */ 
      border: 1px solid grey !important; /* farbige Umrandung */
      border-radius: 15px !important; /* Abrundung */
      width: 60px !important; /* Länge des Button */
      height: 30px ! important; /* Höhe des Button */
      box-shadow: inset 0 0 2px 2px grey; /* innerer Schatten */
    } 
    
/*   Button oben mit dem Zahnrad bei Hover */

    .page-options-menu > .more-options-button:hover {
      fill: lime !important; /* Farbe des Zahnrades */
    }

/*   Aussehen des Menü hinter dem Zahnrad */

    link:is([href$="panel-item.css"],[href$="panel-list.css"]) ~ button label[accesskey] {
      margin-left: 6% ! important;
      min-width: 350px !important;
      width: 375px !important; /* Länge der einzelnen Felder */
      background: white ! important; /* Farbe des Hintergrundes */
    }
    
    link:is([href$="panel-item.css"],[href$="panel-list.css"]) ~ button label[accesskey]:hover {
      background: lightyellow !important;    
    }  
    .sticky-container {
      z-index: 1000 !important;
    }

     button:focus {
     background: none !important;
 }
 
    addon-page-options panel-list panel-item {
      width: 425px !important; /* Länge der aktivierten Menü-Leiste */
      background: none ! important;
      padding-right: 15px !important;
    }
    
    addon-page-options panel-list panel-item:hover {
      width: 425px !important; 
      background: lime ! important;
      color: red !important;
    }    

    addon-page-options panel-list {
      min-width: unset !important;
      width: auto !important;
      max-width: 450px !important; /* Ausdehnung der Felder nach rechts */ 
      background: #f8f8ff ! important; /* farbiger Hintergrund des Feldes */
      padding-left: 8px !important; /* Ausdehnung nach links */
      padding-right: 3px !important; /* Ausdehnung nach rechts */
      z-index: 1000 !important;
    }
    
/*  Hintergrund der Box Updates automatisch aktualisieren */
    addon-page-options panel-list panel-item[accesskey][checked] {
      background: gold !important;
    }           
    
/*  Zurückbutton bei geöffnetem Menü Einstellung/Verwalten */
    .back-button {
      background-color: silver !important;/*Hintergrundfarbe vom Button*/
      width: 60px !important;
      border-radius: 60px !important;/*Rundung vom Button*/
      box-shadow: inset 0 0 3px 3px #888;
    }
    
    .back-button:hover {
      color: white !important;
      background-color: dodgerblue !important;
      border-radius: 60px !important;
      box-shadow: inset 0 0 3px 3px #888;
    }    

/*  Icons des Stern-Kontextmenü */

    #page-options > panel-list:nth-child(1) > panel-item:nth-child(1)::before {
     content: '';
     display: block;
     width: 16px;
     height: 16px;
     background: url("..//icons/Bild5.png") no-repeat !important;
     background-size: 16px 16px !important;
     margin-left: 15px;
     margin-right: -31px;}

    #page-options > panel-list:nth-child(1) > panel-item:nth-child(2)::before {
     content: '';
     display: block;
     width: 16px;
     height: 16px;
     background: url("..//icons/Bild61.png") no-repeat !important;
     background-size: 16px 16px !important;
     margin-left: 15px;
     margin-right: -31px;}
 
    #page-options > panel-list:nth-child(1) > panel-item:nth-child(4)::before {
      content: '';
     display: block;
     width: 16px;
     height: 16px;
     background: url("..//icons/Bild3.png") no-repeat !important;
     background-size: 16px 16px !important;
     margin-left: 15px;
     margin-right: -31px;}

    #page-options > panel-list:nth-child(1) > panel-item:nth-child(5)::before {
     content: '';
     display: block;
     width: 16px;
     height: 16px;
     background: url("..//icons/Bild66.ico") no-repeat !important;
     background-size: 16px 16px !important;
     margin-left: 15px;
     margin-right: -31px;}

    #page-options > panel-list:nth-child(1) > panel-item:nth-child(7) {
     fill: transparent !important;}
     
    #page-options > panel-list:nth-child(1) > panel-item:nth-child(7)::before {
     content: '';
     display: block;
     width: 16px;
     height: 16px;
     background: url("..//icons/Bild62.png") no-repeat !important;
     background-size: 18px 18px !important;
     margin-left: 16px;
     margin-right: -32px;
     margin-bottom: 3px;}
    
    #page-options > panel-list:nth-child(1) > panel-item:nth-child(7):not([checked])::before {
     content: '';
     font-size: 14px;
     padding-left: 0px !important;
     padding-top: 1px !important;
     padding-bottom: 2px !important;
     display: block;
     width: 16px;
     height: 16px;
     background: url("..//icons/Bild63.png") no-repeat !important;
     background-size: 18px 18px !important;
     margin-left: 15px;
     margin-right: -32px;
     margin-bottom: 3px;}
    
    #page-options > panel-list:nth-child(1) > panel-item:nth-child(8)::before {
     content: '';
     display: block;
     width: 16px;
     height: 16px;
     background: url("..//icons/Bild64.png") no-repeat !important;
     background-size: 16px 16px !important;
     margin-left: 15px;
     margin-right: -31px;}

    #page-options > panel-list:nth-child(1) > panel-item:nth-child(10)::before {
     content: '';
     display: block;
     width: 16px;
     height: 16px;
     background: url("..//icons/Bild67.png") no-repeat !important;
     background-size: 16px 16px !important;
     margin-left: 15px;
     margin-right: -31px;}    
     }
     
/*        About:addons  - Optionen Schaltfläche */
    
    @-moz-document url("about:addons"){
    
    #utils-updateNow{
    appearance: none !important;
    background: url("..//icons/Bild5.png") no-repeat !important;
    min-height: 24px!important;
    padding-top: 5px! important;
    padding-left:28px!important;
    background-position:6px 5px!important;}

    #utils-updateNow:hover{
    appearance: none !important;
    margin-right: -1px !important;
    background: #ecf0f6 url("..//icons/Bild5.png") no-repeat !important;    
    border-width: thin !important;
    border-radius: 4px !important;
    border-color: #aecff7 !important;
    border-style: solid !important;
    min-height: 24px!important;
    padding-top: 5px! important;
    padding-left:28px!important;
    background-position:6px 5px!important;}

    #utils-viewUpdates{
    appearance: none !important;
    background: url("..//icons/Bild61.png") no-repeat !important;
    min-height: 24px!important;
    padding-top: 5px! important;
    padding-left:28px!important;
    background-position:6px 5px!important;}

    #utils-viewUpdates:hover{
    appearance: none !important;
    margin-right: -1px !important;
    background: #ecf0f6 url("..//icons/Bild61.png") no-repeat !important;    
    border-width: thin !important;
    border-radius: 4px !important;
    border-color: #aecff7 !important;
    border-style: solid !important;
    min-height: 24px!important;
    padding-top: 5px! important;
    padding-left:28px!important;
    background-position:6px 5px!important;}

    #utils-installFromFile{
    appearance: none !important;
    background: url("..//icons/Bild3.png") no-repeat !important;
    min-height: 24px!important;
    padding-top: 5px! important;
    padding-left:28px!important;
    background-position:6px 5px!important;}

    #utils-installFromFile:hover{
    appearance: none !important;
    margin-right: -1px !important;
    background: #ecf0f6 url("..//icons/Bild3.png") no-repeat !important;    
    border-width: thin !important;
    border-radius: 4px !important;
    border-color: #aecff7 !important;
    border-style: solid !important;
    min-height: 24px!important;
    padding-top: 5px! important;
    padding-left:28px!important;
    background-position:6px 5px!important;}

    #utils-autoUpdateDefault[type="checkbox"][checked="true"]>.menu-iconic-left{
    appearance: none !important;
    background: url("..//icons/Bild62.png")no-repeat !important;
    height:15px!important;
    padding-top:1px!important;
    margin-left:5px !important;}

    #utils-autoUpdateDefault[type="checkbox"][checked="true"]>.menu-iconic-text {
    padding-left: 12px !important;}

    #utils-autoUpdateDefault[type="checkbox"][checked="false"]>.menu-iconic-left{
    appearance: none !important;
    background: url("..//icons/Bild63.png")no-repeat !important;
    height:15px!important;
    padding-top:1px!important;
    margin-left:7px !important;}

    #utils-autoUpdateDefault[type="checkbox"][checked="false"]>.menu-iconic-text{
    padding-left: 10px !important;}

    #utils-resetAddonUpdatesToAutomatic{
    appearance: none !important;
    background: url("..//icons/Bild64.png") no-repeat !important;
    min-height: 24px!important;
    padding-top: 5px! important;
    padding-left:28px!important;
    background-position:6px 5px!important;}

    #utils-resetAddonUpdatesToAutomatic:hover{
    appearance: none !important;
    margin-right: -1px !important;
    background: #ecf0f6 url("..//icons/Bild64.png") no-repeat !important;    
    border-width: thin !important;
    border-radius: 4px !important;
    border-color: #aecff7 !important;
    border-style: solid !important;
    min-height: 24px!important;
    padding-top: 5px! important;
    padding-left:28px!important;
    background-position:6px 5px!important;}

    #utils-resetAddonUpdatesToManual{
    appearance: none !important;
    background: url("..//icons/Bild65.png") no-repeat !important;
    min-height: 24px!important;
    padding-top: 5px! important;
    padding-left:28px!important;
    background-position:6px 5px!important;}

    #utils-resetAddonUpdatesToManual:hover{
    appearance: none !important;
    margin-right: -1px !important;
    background: #ecf0f6 url("..//icons/Bild65.png") no-repeat !important;    
    border-width: thin !important;
    border-radius: 4px !important;
    border-color: #aecff7 !important;
    border-style: solid !important;
    min-height: 24px!important;
    padding-top: 5px! important;
    padding-left:28px!important;
    background-position:6px 5px!important;}    

    #utils-debugAddons{
    appearance: none !important;
    background: url("..//icons/Bild66.ico") no-repeat !important;
    min-height: 24px!important;
    padding-top: 5px! important;
    padding-left:28px!important;
    background-position:6px 5px!important;}

    #utils-debugAddons:hover{
    appearance: none !important;
    margin-right: -1px !important;
    background: #ecf0f6 url("..//icons/Bild66.ico") no-repeat !important;    
    border-width: thin !important;
    border-radius: 4px !important;
    border-color: #aecff7 !important;
    border-style: solid !important;
    min-height: 24px!important;
    padding-top: 5px! important;
    padding-left:28px!important;
    background-position:6px 5px!important;}    

    #manage-shortcuts{
    appearance: none !important;
    background: url("..//icons/Bild67.png") no-repeat !important;
    min-height: 24px!important;
    padding-top: 5px! important;
    padding-left:28px!important;
    background-position:6px 5px!important;}

    #manage-shortcuts:hover{
    appearance: none !important;
    margin-right: -1px !important;
    background: #ecf0f6 url("..//icons/Bild67.png") no-repeat !important;    
    border-width: thin !important;
    border-radius: 4px !important;
    border-color: #aecff7 !important;
    border-style: solid !important;
    min-height: 24px!important;
    padding-top: 5px! important;
    padding-left:28px!important;
    background-position:6px 5px!important;}
    
    #empty-addons-message {
    display: none !important;
    }
    }

Alles anzeigen

Boersenfeger

Zitat von Endor

Andere Frage, kannst Du im Nightly 99, in den Wetterfuchsfenstern bei Wetterkontor
rauf und runter scrollen? Bei UV-Index und Pollenbelastung zbs.

Hier kein Problem...

96.0.3 ist outdated..

Beiträge von Boersenfeger

Addons-Manager anpassen

Der Glückwunsch-Thread

Addons-Manager anpassen

Addons-Manager anpassen

RE: Addons-Manager anpassen

Thunderbird Unterforum?

Addons-Manager anpassen

Addons-Manager anpassen

About Seiten mit CSS Codes anpassen

About Seiten mit CSS Codes anpassen

Wetterfuchsbutton Script für userChrome.js

Wetterfuchsbutton Script für userChrome.js

About Seiten mit CSS Codes anpassen

Wetterfuchsbutton Script für userChrome.js

About Seiten mit CSS Codes anpassen

About Seiten mit CSS Codes anpassen

About Seiten mit CSS Codes anpassen

Addons-Manager anpassen

Wetterfuchsbutton Script für userChrome.js

Addons-Manager anpassen

Wetterfuchsbutton Script für userChrome.js