Ansicht "Erweiterungen verwalten"

FuchsFan

Zitat von Sören Hentzschel

Release Candidate auf dem Beta-Kanal und der hat keinen Versions-Zusatz

Danke, Sören, wieder etwas gelernt.

milupo

Zitat von 2002Andreas

Tssss...das hat doch keinen Stil....

Wie wär's mit „zurück zur Natur“ - Strohhalme aus Stroh?

2002Andreas

Dann aber auch gleich Bio...ok

milupo

Darf bloß nicht mit Flüssigkeiten in Berührung kommen.

2002Andreas

Hmmm...ok, dann packen wir ihn in eine Plastikfolie ein

Boersenfeger

Stil hat so was...

https://www.derglastrinkhalm.de/

Büssen

Guten Morgen,

gestern Abend ging es hier im Thread ja noch ziemlich hoch her - da wurden richtig gute Weisheiten raus gehauen, die hoffentlich zum Thema passten?

Aber das muss wohl auch mal sein, da nicht immer nur trockene Hinweise zum Thema gegeben werden sollten.

milupo

FuchsFan So dank des Hinweis von Andreas hier

Aufruf - about:config > Hinweisbutton fehlt?

konnte ich nun auf die meiner Meinung nach überflüssige Klammer verzichten. Sie war wirklich überflüssig und es hat mich gestern abend dann noch eine ganze Weile beschäftigt, warum es nur mit überflüssiger Klammer funktionierte.

FuchsFan

@milupo

Ja, milupo, nun herrscht Klarheit darüber. Ich hätte es euch bald geglaubt, dass das Bier Schuld war. Ich danke dir auch, dass du dir damit so viel Mühe gemacht hast. Also auf ein Neues !

Grüße

FuchsFan

milupo

Zitat von FuchsFan

Also auf ein Neues !

Na ja, das muss ich mir noch überlegen, ob ich mir noch einmal eine derartige Tortur antue.

FuchsFan

Zitat von milupo

ob ich mir noch einmal eine derartige Tortur antue

Dann fangen wir gleich mal damit an. Du bezeichnest es ja als Notlösung, ist in meinem Code jetzt immer noch drin, ist das so o.k., oder muss das wieder abgeändert werden?

Code

button.more-options-button:focus, button.more-options-button:enabled:hover { /* neuer Code-Teil von milupo */

Grüße

FuchsFan

milupo

Nein, das musst du nicht ändern. more-options-button ist eine Klasse, die genau zu diesem Button-Code gehört. Wenn dem nicht so wäre, hätte die Einfügung dieser Klasse nicht als Notlösung funktioniert. Wenn du willst, kannst du sie wieder herausnehmen, denn dank der korrekten -moz-document-Zeile kann keine Interferenz mehr auftreten. Dann musst du aber immer fein darauf achten, dass die -moz-document-Zeile immer korrekt ist.

FuchsFan

Gut, dann bleibt der Eintrag drin. Danke!

scorpie

Nabend

im Fx 70 nutz ich den zusammen gestückelten Code hier

CSS

    /*    Add-ons InfoBox verbreitern */
    addon-card[expanded] .addon.card {
    min-width: 1000px !important;
}
    
    /*    Add-ons entdecken entfernt */
    #category-discover{
    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:-10px!important;
    } 

    /* Hintergrundfarbe auf allen Seiten hellgrau*/
    #headered-views,
    #category-box,
    .App,
    .DiscoPane,
    .Footer{
        background: lightgrey !important;
        }
        
    /* Die Button auf der linken Seite */
    #categories > .category,
    #preferencesButton,
    #helpButton,
    #addonsButton{
        margin-left: 1px !important; /*Abstand der Button zum linken Rand*/
        }
    #categories > .category:not([disabled]){
        background-color: grey !important; /*Hintergrundfarbe vom Button*/
        margin-top: 1px !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;
        }
        
    /* Die Breite der Felder unter Add-ons entdecken im rechten Fensterteil */
    .App,           
    .DiscoPane,
    .Footer{
        max-width:initial !important;
        }
        
    /* Kleiner Pfeil nach unten in einem Button, bei hover weiß */
    .addon-control:hover .menulist-dropmarker{
        fill: white !important;
        }
        
    /* Button oben mit dem Zahnrad */
    #header-utils-btn{
        background-color: cornflowerblue !important; /*Hintergrundfarbe vom Button*/
        border-radius: 60px !important; /*Rundung vom Button*/
        box-shadow: inset 0 0 3px 3px #888; 
        }
        
    /* Button oben mit dem Zahnrad bei hover blau */
    #header-utils-btn:hover{
        color: white ! important;
        background-color: lime !important;
        border-radius: 60px !important;
        box-shadow: inset 0 0 3px 3px #888; 
        }
        
    /* Zurückbutton bei geöffneter Einstellung einer Erweiterung */
    #go-back{
        background-color: cornflowerblue !important; /*Hintergrundfarbe vom Button*/
        border-radius: 60px !important; /*Rundung vom Button*/
        box-shadow: inset 0 0 3px 3px #888; 
        }
        
    #go-back:hover{
        color: white !important;
        background-color: lime !important;
        border-radius: 60px !important;
        box-shadow: inset 0 0 3px 3px #888;
        }
        
    /* Kleiner Pfeil nach unten in einem Button unter Plugins, bei hover weiß */
    #detail-state-menulist:hover .menulist-dropmarker{
        fill: white !important;
        }   
        
        /* Text im Suchfeld ausblenden */
    #search-label {
        display: none !important;
        }
    #header-search input.textbox-input::placeholder {
        color: transparent !important;
        }

    button:-moz-focusring {
        box-shadow: none !important;
        outline: 0px dotted !important;
        outline-offset: 0px !important;
        }
    
/*** Show addon management buttons without opening popup ***/
 
/*  .addon-card-message{ margin-bottom: 0px !important; margin-top: 0px !important; } */
  .card.addon{padding-bottom: 0px !important; }
 
/*  addon-card .addon-card-collapsed{ display: grid !important; grid-template-areas: "ic con" "op op" } */
/*  addon-card .addon-card-collapsed{ display: grid !important; grid-template-areas: "ic con op" } */
  addon-card .addon-card-collapsed{ grid-template-areas: "ic con op" }
 
  .more-options-menu{ position: static !important; grid-area: op; margin: 0 !important; }
  .card-contents{ grid-area: con }
  .card-heading-icon{ grid-area: ic }
 
  addon-options > panel-list{
    font-size:8px !important;
    border-color: red !important;
    border-radius: 5px !important;
    background-color: rgb(251,251,251) !important;
    position: static !important;
    display: block !important;
    padding: 2px !important;
    margin: 0px calc(0px - var(--card-padding)) !important;
  }
 
  addon-card .addon { margin: 1px !important; }
 
  .arrow,
  .more-options-button,
  panel-item[action="expand"]{ display: none }
 
  div.list{ display: flex !important; flex-direction: row !important; }
 
  panel-item[action="toggle-disabled"]{ --icon: url("chrome://browser/skin/quit.svg") }
  panel-item[action="preferences"]{ --icon: url("chrome://browser/skin/settings.svg") }
  panel-item[action="report"]{ display: none !important; }
 
/* Uncomment these if you want to hide button label - such as with compact_addons_manager */
 
 button[role="menuitem"] > slot{ display: none !important; }
 link+button{
    padding: 4px !important;
    position: static !important;
    width: 30px !important;
    height: 30px !important;
    background-position: 50% !important;
  }
  link+button::after{ display: none !important; }
*/
 
/*** Make the installed addons list more compact ***/
 
/* Reduce the height of the cards */
addon-list[type="extension"]{ --card-padding: 8px }
addon-card .addon-card-collapsed{ margin-bottom: -8px !important; }
 
/* Hide descriptions - comment out if you want to show descriptions */
addon-card:not([expanded]) .addon-description,
addon-card:not([expanded]) .addon-card-message button[action]{ display: none !important; }
.more-options-menu{ margin-top: -17px !important; margin-left: 54px !important; }
.card-contents{ margin-top: -7px !important; margin-bottom: 20px !important; }
.card-heading-icon{ margin-top: -15px !important; } 
 
/* Make the header more compact */
#header-inner {
  margin-left: -133px !important;
  margin-bottom: -61px !important;
}
.heading-inner {
  width: 1795px !important;
  margin-left: -1185px !important;
  margin-top: 0px !important;
}
addon-list addon-card > .addon.card {
    width: 700px;
}

Alles anzeigen

leider ist mir da der Zurück Knopf bei den Addons und der für die Knopf für die Einstellungen NAchfragen /immer aktivieren bei den Plugins abhanden gekommen. Wie krieg ich die den wieder?

Danke

Frank

FuchsFan

Der Code ist für Zurück ( ist in deinem Code aber enthalten):

CSS

/* Zurückbutton bei geöffneter Einstellung einer Erweiterung */
#go-back {
    background-color: silver !important;/*Hintergrundfarbe vom Button*/
    border-radius: 60px !important;/*Rundung vom Button*/
    box-shadow: inset 0 0 3px 3px #888; 
    }
    
#go-back:hover {
    color: white !important;
    background-color: lime !important;
    border-radius: 60px !important;
    box-shadow: inset 0 0 3px 3px #888;
    }

Alles anzeigen

Leider ist in dem Code für Plugins keine Möglichkeit dafür vorgegeben. Ein Klick in das Feld öffnet die Verwaltung, rechts oben die drei Punkte anklicken, und auswählen.

Grüße

FuchsFan

Edit:

Wenn du den Code von hier hast Ansicht "Erweiterungen verwalten", dann funktioniert auch der Zurück-Button. Was aber darin auch nicht geht ist die Sache mit den Plugins. Der von mir eingefügte Code gehört zu einer ganz anderen Zusammenstellung, und kann deshalb nicht laufen. Du hast gemischt, dass sich einige Sachen wohl nicht vertragen.

scorpie

Hm, dann muss ich mal sehen was bei den Addons ned baschd

Aber plugins geht leider gar ned, siehe Bilder

FuchsFan

Zitat von scorpie

Aber plugins geht leider gar ned

Ist ja mein Reden, nicht so gut. Dann kannst du den folgenden Code nehmen,wenn du Wert darauf legst, da sind dann wenigstens die drei Punkte, von denen ich sprach. Ist gemacht für Bildschirmauflösung 1920x1080.

CSS

/******************** Addon-Manager Aussehen anpassen *************************************/

/*** Umrandung der Container bei Hover breiter Rand und andere Farbe ****/ 
:root {
    --card-outline-color: DarkOrange !important;
    }

/**************** Versionsnummer der Addons wird angezeigt *************************************/

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

/************************************************************************************************************************/
/*****  Code neu von hier: https://www.camp-firefox.de/forum/thema/128571-ansicht-erweiterungen-verwalten/?pageNo=1 *****/

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

.addon-description {
    max-width: 1150px !important; /** Schrift in den Containern/ erlaubte Ausdehnung nach rechts in Pixel **/
    }
    
button:hover {    
    cursor: pointer !important;
    }

/************************************************************************************************************************************/
/*********************************** Ausrichtung der Button auf der rechten Seite ***************************************************/

/**** Button  Deaktivieren ****/    
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"] { 
    margin-left: -10px !important;
    padding-right: 20px !important;
    background: gainsboro !important; /* Hintergrundfarbe */
    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; /* Farbe bei Mauskontakt */
    color: white !important; /* Schriftfarbe bei Mauskontakt */
    }
    
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; /* Abstand vom oberen Rand */
    left: 780px !important; /* Entfernung zum rechten Rand hin */
    box-shadow: inset 0 0 4px 4px #888; /* innerer Schatten im Button/ 4px die Breite/ #888 die Farbe */
    }    

/**** Button  Entfernen ****/
addon-list section addon-card div.card.addon div.addon-card-collapsed div.more-options-menu addon-options panel-list panel-item[action="remove"] {  
    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 .card.addon .addon-card-collapsed .more-options-menu addon-options panel-list panel-item[action="remove"] {
    position: absolute !important;
    top: 16px !important;
    left: 950px !important;
    box-shadow: inset 0 0 4px 4px #888;
    }    

/**** Button  Einstellungen ****/
addon-list section addon-card div.card.addon div.addon-card-collapsed div.more-options-menu addon-options panel-list panel-item[action="preferences"] {  
    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 .card.addon .addon-card-collapsed .more-options-menu addon-options panel-list panel-item[action="preferences"] {
    position: absolute !important;
    top: 16px !important;
    left: 550px !important;
    box-shadow: inset 0 0 4px 4px #888; 
    }    

/**** Button  Aktualisieren ****/    
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;
    }
    
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: 72px !important;
    left: 900px !important;
    box-shadow: inset 0 0 4px 4px #888;
    }    
    

/**** 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;
    }

/*** Button Melden wird ausgeblendet ****/
addon-list section addon-card .card.addon .addon-card-collapsed .more-options-menu addon-options panel-list panel-item[action="report"] {
    display: none !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.more-options-button:focus, button.more-options-button:enabled:hover { /* neuer Code-Teil von milupo */
    background-color: transparent !important;
    border: none !important;
    }

/*** hiermit werden unter Themes die Grafiken ausgeblendet ****/
.card-heading-image {
    display: none !important;
    }
    
/******** Suchfeld für Erweiterungen wird ausgeblendet *****/
#header-search,#search-label {
    display: none !important;
    }

/*** Text Suche nach Erweiterungen wird ausgeblendet ******/
#search-label {
    display: none !important;
    }

#header-search input.textbox-input::placeholder {
    color: transparent !important;
    }    

/***********************************************************************************************/
/****************** 70er Nightly Addon Manager by @.DeJaVu *************************************/

addon-list addon-card > .addon.card {
    width: 94vw  !important;  /* Ausdehnung der Container (weiße Boxen) zum rechten Rand hin */
    margin-bottom: 5px !important;  /* Abstand zwischen den Containern */
    height: 65px !important;  /* Höhe der Container */
    border: 1px solid grey !important; /* Umrandung der Container mit Farbauswahl */
    }

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: 230px !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: 520px !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;
    }

/*** die drei Punkte werden im Container-Feld ausgeblendet *****/
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: -25px !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;
    }

.message-bar {
    display:none;
    }

/* Hintergrundfarbe auf allen Seiten hellgrau*/
#headered-views, #category-box, .App, .DiscoPane, .Footer {
    background: lightgrey !important;
    }

/* Die großen Button auf der linken Seite */
#categories > .category, #preferencesButton, #helpButton, #addonsButton {
    margin-left: 1px !important; /*Abstand der Button zum linken Rand*/
    }

#categories > .category:not([disabled]){
    background-color: gainsboro !important;/*Hintergrundfarbe vom Button*/
    margin-top: 1px !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; 
    }
    
   
/*Die Breite der Felder unter Add-ons entdecken im rechten Fensterteil */
.App, .DiscoPane, .Footer {
    max-width: initial !important;
    }
    
/* Kleiner Pfeil nach unten in einem Button, bei hover weiß */
.addon-control:hover .menulist-dropmarker{
    fill: white !important;
    }
    
/* Button oben mit dem Zahnrad */
#header-utils-btn {
    background-color: silver !important;/*Hintergrundfarbe vom Button*/
    border-radius: 60px !important;/*Rundung vom Button*/
    box-shadow: inset 0 0 3px 3px #888; 
    }

/* Button oben mit dem Zahnrad bei hover blau */
#header-utils-btn:hover {
    color: white !important;
    background-color: lime !important;
    border-radius: 60px !important;
    box-shadow: inset 0 0 3px 3px #888; 
    }
    
/* Zurückbutton bei geöffneter Einstellung einer Erweiterung */
#go-back {
    background-color: silver !important;/*Hintergrundfarbe vom Button*/
    border-radius: 60px !important;/*Rundung vom Button*/
    box-shadow: inset 0 0 3px 3px #888; 
    }
    
#go-back:hover {
    color: white !important;
    background-color: lime !important;
    border-radius: 60px !important;
    box-shadow: inset 0 0 3px 3px #888;
    }
    
/* Kleiner Pfeil nach unten in einem Button unter Plugins, bei hover weiß */
#detail-state-menulist:hover .menulist-dropmarker{
    fill: white !important;
    }
    

/* Button Nach Updates suchen */
#updates-view.view-pane vbox#updates-list-empty.alert-container vbox.alert button {
    background-color: silver !important;
    border-radius:60px!important;
    }
    
#updates-view.view-pane vbox#updates-list-empty.alert-container vbox.alert button:hover {
    color: white !important;
    background-color: blue !important;
    border-radius: 60px !important;
    }

/**************** fortlaufende Nummerierung 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;
    } 
  
}

Alles anzeigen

scorpie

Hm, doof

Naja ich mag das kompakte Layout, leb ich halt mit. Hab eh nur die 2 standard Plugins drin. Den Zurückknopf hab ich mir grad hin gefummelt, try and error halt.

Danke trotzdem

FuchsFan

Zitat von scorpie

Naja ich mag das kompakte Layout,

Aber ja doch, akzeptiert, jeder hat seinen eigenen Geschmack.

2002Andreas

Zitat von scorpie

Den Zurückknopf

Das ist dieser Eintrag:

.heading-inner {

width: 1795px !important;

/* margin-left: -1185px !important; */

margin-top: 0px !important;

}

Das margin-left habe ich mal auskommentiert.