Ansicht "Erweiterungen verwalten"

scorpie

Ich habs komplett rausgeschmissten, dann war der Pfeil wieder da, dafür schiebts das Suchenfeld und den Update Knopf zu weit rechts rüber

Musste noch das hier ändern

von

#header-inner {

margin-left: -133px !important;

margin-bottom: -61px !important;

zu

#header-inner {

margin-left: -75px !important;

margin-bottom: -61px !important;

läßt man

.heading-inner {

width: 1795px !important;

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

margin-top: 0px !important;

}

muss man width: 1795px !important;

zusätzlich anpassen.

Egall wie ist wieder da, danke

BarbaraZ-

Moin zusammen,

ich habe hier im Code

CSS

/*AddonMenu Text statt Punkte*/


*** Umrandung bei Hover breiter Rand und andere Farbe ****/ 
:root {
    --card-outline-color: DarkOrange !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, decimal-leading-zero)":) ";
  margin-left: -8px !important;
  padding-right: 8px !important; 
  margin-top: 4px !important;
  } 
  
addon-list addon-card > .addon.card {
  width: 700px;
  }

/*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;
    }
    
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: dodgerblue !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: dodgerblue !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: dodgerblue !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: dodgerblue !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;
    }
    
    
/*** 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 {
    background-color: transparent !important;
    border: none !important;
}

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

/***********************************************************************************************/
/* Addon Manager by @.DeJaVu */

addon-list addon-card > .addon.card
{
    width: 94vw !important;  /* bringt die Container bis zum rechten Rand */
    margin-bottom: 5px !important;
    height: 65px !important; /* Höhe der Container */
    border: 1px solid black !important; /* Umrandung */
    
}

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

addon-list section addon-card .card.addon .addon-card-collapsed .more-options-menu addon-options panel-list panel-item[action="toggle-disabled"] /* Deaktivieren */
{
    position:absolute !important;
    top: 16px !important;
    left: 565px !important; /* Lage des Button Deaktivieren in Pixel vom linken Rand */
    box-shadow: inset 0 0 4px 4px #888;
    }

addon-list section addon-card .card.addon .addon-card-collapsed .more-options-menu addon-options panel-list panel-item[action="remove"] /* Entfernen */
{
    position:absolute !important;
    top: 16px !important;
    left: 700px !important; /* Lage des Button Entfernen in Pixel vom linken Rand */
    box-shadow: inset 0 0 4px 4px #888;
}


addon-list section addon-card .card.addon .addon-card-collapsed .more-options-menu addon-options panel-list panel-item[action="preferences"] /* Einstellungen */
{
    position:absolute !important;
    top: 16px !important;
    left: 800px !important; /* Lage des Button Einstellungen in Pixel vom linken Rand */
    box-shadow: inset 0 0 4px 4px #888; 
}

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"] /* Verwalten */
{
    position:absolute !important;
    top: 16px !important;
    left: 925px !important; /* Lage des Button Verwalten in Pixel vom linken Rand */
    box-shadow: inset 0 0 4px 4px #888; 
}


.message-bar{
    display:none;
}


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

Alles anzeigen

in den Zeilen 4 - 6 folgenden Eintrag. Hier sollte sich eigentlich bei Hover der Rahmen in Orange einfärben.

Leider bleibt dieser grau.

Ich kann den Fehler, woran es liegt nicht finden. Benötige bitte Hilfe.

Danke

FuchsFan

Zitat von BarbaraZ-

content: counter(section, decimal-leading-zero)":) ";

Das ist die Zeile 21, zum Test entfernen. Sören hatte geschrieben, dass diese Zeile ersetzt werden sollte:

content: counter(section)".)";

Das ist die Zeile 11. Nummerierung der Erweiterungen

Grüße

FuchsFan

Edit:

Boooaaahh, da habe ich mich geirrt, aber trotzdem den alten Eintrag wieder zum testen einfügen.

Sören Hentzschel

Zitat von FuchsFan

Sören hatte geschrieben, dass diese Zeile ersetzt werden sollte:

counter-reset: section;

Das ist die Zeile 11.

Nö, hatte ich nicht. Würde auch nicht viel Sinn ergeben, wenn ich das geschrieben hätte. Der Inhalt von content sollte geändert werden, also war content zu ändern und nicht eine ganz andere Eigenschaft.

2002Andreas

Zitat von BarbaraZ-

woran es liegt nicht finden

Ganz einfach, in Zeile 4 stimmt deine Auskommentierung nicht, da fehlt vorne der /

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

FuchsFan

Zitat von Sören Hentzschel

Nö, hatte ich nicht.

Genau, Sören, da habe ich gepennt.

Grüße

FuchsFan

BarbaraZ-

Danke Andreas,

manchmal ist es so einfach, dass mal *blind* auf den Augen ist.

2002Andreas

Zitat von BarbaraZ-

Danke Andreas

Gerne doch

2002Andreas

Zitat von scorpie

Update Knopf zu weit rechts rüber

Ich bin mir nicht sicher, ob du das noch gebrauchen kannst.

CSS

#header-utils-btn {
    margin-inline-end: 130px;
}

Damit wird nur dieser Button weiter nach links verschoben.

FuchsFan

Nach dem Update auf die 72 beta funktioniert dieser Code nicht mehr:

CSS

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

Wie muss das jetzt angesprochen werden ?

Grüße

FuchsFan

milupo

Ich würde denken, so wie vorher auch, als Fx 72 noch Nightly war.

2002Andreas

Teste bitte mal:

Nur ausblenden, den Platz dann behalten:

CSS

.search-label,
search-addons search-textbox {
    display: none !important;
}

Mit Platz entfernen:

CSS

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

FuchsFan

Zitat von 2002Andreas

Mit Platz entfernen:

Habe beide Einträge genommen, perfekt. Danke, Andreas !

2002Andreas

Gerne doch

FuchsFan

Zitat von milupo

Ich würde denken, so wie vorher auch, als Fx 72 noch Nightly war.

Hallo milupo!

Das habe ich auch gedacht. Zu erwähnen wäre dazu, dass ich dafür im bisherigen und auch im jetzigen Nightly dafür keinen Eintrag hatte und habe.

grüße

FuchsFan

2002Andreas

Ergänzend:

Es gab eine Änderung von Fx 71 zu 72 mit den Bezeichnungen dafür.

milupo

Zitat von FuchsFan

Das habe ich auch gedacht. Zu erwähnen wäre dazu, dass ich dafür im bisherigen und auch im jetzigen Nightly dafür keinen Eintrag hatte und habe

Halllo FuchsFan,

soviel ich weiß machst du den Code für alle drei Versionen gleichzeitig. Also musst du den gültigen Code auch im Nightly-Code haben, den du dann nur in die Beta übernehmen brauchst. Da du offensichtlich auch die Codes gut kommentierst, dürfte es da auch zu keinen großen Unklarheiten kommen. Wirklich überraschende Änderungen gibt es fast nur im Nightly, in der Beta sind die seltener. Man kann immer erst einmal vm Nightly auf die Beta schließen. Wenn das nicht klappt, dann könnte es eventuell doch noch in der Beta nachträgliche Änderungen gegeben haben. Aber ich denke, dass das selten ist.

FuchsFan

Zitat von milupo

Wirklich überraschende Änderungen gibt es fast nur im Nightly, in der Beta sind die seltener.

Ja, milupo, das habe ich ja nun auch schon in Erfahrung gebracht. Den Code den ich oben eingestellt habe, der hat bisher immer in der 70 und in der 71 beta gearbeitet. Weil ich ja, wie du treffend bemerkst, ja immer alle Versionen am Laufen halten möchte, war ich sehr überrascht, dass eben der Code aus dem Nightly nicht mehr in der neuen Beta greift. Aber Andreas hat uns jetzt ja aufgeklärt in dem Beitrag darüber.

Grüße

FuchsFan

milupo

Zitat von FuchsFan

Aber Andreas hat uns jetzt ja aufgeklärt in dem Beitrag darüber.

Nein, er hat geschrieben, dass es eine Änderung von Fx 71 zu Fx 72 gegeben hat. Aber du hast ja schon Fx 72 seit ein paar Wochen, also sicher auch den Add-on-Manager-Code für Fx 72. Und es ist unwahrscheinlich, dass es da eine Änderung gegeben hat, nur weil Fx 72 jetzt beta statt Nightly ist. Richtig neue Änderungen kommen erst jetzt wieder, wo Fx 73 Nightly ist.

2002Andreas

Nu rmal so, der Code aus Beitrag Nr. 272 funktioniert auch im Nightly 73