Hallo Büssen!
Da musst du mal hier vorbeischauen:
Ansicht "Erweiterungen verwalten"
milupo hat hier das Phänomen besprochen. Im weiteren Verlauf des Threads, der zum Ende des gestrigen Abends dann noch sehr humorvoll verlief, wirst du noch weitere Details dazu erfahren.
Grüße
FuchsFan
Release Candidate auf dem Beta-Kanal und der hat keinen Versions-Zusatz
Danke, Sören, wieder etwas gelernt.
Vergiss den Strohhalm aber nicht, dann hast du mehr davon
Damit hast du noch einen Lacher bei mir ausgelöst. Toll!!!
So nun genug gealbert, jetzt muss ich erst einmal Ordnung in dem Code herstellen. Bis dann!
Macht euch ruhig lustig, ich hole mir nachher noch eines.
Ja, Andreas, zuvor stand aber immer B1.........12 , nach 12 war Schluss. Beta-Kanal ist doch klar.
Soeben gab es ein Update,und nun sieht
es so aus:
Hurra, der 71.0 ist da. So, milupo, das ist a'Ding. Ich versuch das Ganze noch mal im 71, und da funktioniert das mit der Klammer nur am Schluss. Ich sag nichts mehr dazu, hole mir jetzt ein Bier.
Grüße
FuchsFan
Die Anzahl der Klammern wäre immer gerade und die gleiche wie vorher geblieben.
Ja, ich kann das ja alles nachvollziehen, aber irgend etwas ab dem Block für die linken Button und dem o.g. Block muss sich beißen. Ich habe das jetzt so gemacht, wie schon angekündigt, eine eigene css angelegt, und damit Ende. Danke für deine Unterstützung und die vielen lehrreichen Tipps. Hoffentlich bereinigen die übrigen Mitstreiter ihren Code dann auch noch.
Grüße
FuchsFan
Ergänzend als Eselsbrücke
Freuen, ich kein Esel, gerade Zahl.
Dann hätte es auch wieder klappen müssen,
Es hat aber so nicht funktioniert, erst nachdem der Code-Block an den Schluss gebracht wurde, alle zweite Geschweifte mittendrin raus, eine zweite an den Schluss wieder ran, und gut. Gut nur , wenn der Block am Schluss ist, Intereferenz-Problem kann ich nicht erkennen.
Es ist schon sehr komisch , aber hier hatte mal jemand etwas dazu geschrieben, dass in bestimmten Fällen die Reihenfolge eingehalten werden muss, wenn so etwas genutzt wird. Das ist schon eine ganze Weile her, werde ich bestimmt nicht mehr finden,
Das hatten wir doch eigentlich gemacht
Ja, aber da war der Code-Block nicht am Schluss, sondern noch am Anfang.
nach unten schiebst, haben wir wieder das Intereferenz-Problem
Gut, das will ich dir glauben. So , dann gibt es für mich nur die eine Möglichkeit, für den Code-Teil lege ich eine separate css mit @import an. So ist der Teil aus dem Code raus, und kann nicht mehr stören. Frage noch, trotzdem muss am Schluss dann wieder eine zweite Geschweifte sein?
Nun kam mir noch eine Idee, ich habe die Klammer in der Mitte raus genommen, und auch dann funktioniert es wieder wunderbar mit dem besagtem Code am Schluss, dazu die zweite Klammer. Frage bitte nicht warum?
Die Button auf den Seiten , z.B hier im Forum werden richtig angezeigt, rot original, schwarz bei Mauskontakt.
Probiere mal diesen korrigierten Code:
Wie gehabt, linke Seite keine Wirkung.
Jetzt habe ich diesen Block vom Anfang an das Ende gesetzt, ihn so eingefügt:
/**************** Versionsnummer des Addons wird angezeigt *************************************/
@-moz-document url-prefix(chrome://mozapps/content/extensions/aboutaddons.html) {
/*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;
}
}Und dann unter dem vorerst letzten Code-Teil auch die zweite Klammer gesetzt, dann wird alles sauber angezeigt.
So wie von dir gezeigt sieht es dann aus:
/**************** 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;
}
addon-list addon-card > .addon.card {
width: 700px;
}
}aber in Zeile 244 einfgefügt
Ja, milupo, bis dahin, dann funktionieren auch die Button auf der linken Seite. Ein Block tiefer nur noch unvollständig, und am Schluss dann auf der linken Seite überhaupt nichts mehr. Das ist ja der Haken, was ist da los?
Achte mal bitte darauf, ich habe die Zweite Klammer im mittleren Teil platziert, dann funktioniert alles noch.
/************************ Ersten beiden Einträge aus dem alten Code *******************/
/*** Umrandung bei Hover breiter Rand und andere Farbe ****/
:root {
--card-outline-color: DarkOrange !important;
}
/**************** Versionsnummer des Addons wird angezeigt *************************************/
@-moz-document url-prefix(chrome://mozapps/content/extensions/aboutaddons.html) {
/*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;
}
addon-list addon-card > .addon.card {
width: 700px;
}eine davon muss dort weg und am Ende des gesamten Codes eingefügt werden
Nehme ich die Zweite oben weg , dein Bild in #193 Zeile 11, und füge ganz am Schluss die zweite geschweifte ein, dann funktionieren die Button auf der linken Seite nicht mehr. 
Grüße
FuchsFan
vielleicht schiebt er mal ein Stück Kuchen durch die Leitung.
Hast du einen 3D-Drucker? Kirschtorte, oder was möchtest du?
Grüße
FuchsFan
Dann muss er zur Strafe 1x um den Block laufen
Das mache ich ganz locker
Den Code habe ich irgendwann einmal hier aus dem Forum so übernommen, weiß aber nicht mehr woher.
So, dann bitte den berichtigten hier einstellen, dass alle ihn neu einfügen (ersetzen) können.
Das war der Code, ich habe nur die Überschriften eingefügt.
/**************** verbreitert unter Addons die Einträge zum rechten Rand **********************/
addon-list addon-card > .addon.card,
addon-card[expanded] >.addon.card
{
width: 90vw !important;
}
:root {
--card-outline-color: LimeGreen !important;
}
/**************** Versionsnummer des Addons wird angezeigt *************************************/
@-moz-document url-prefix(chrome://mozapps/content/extensions/aboutaddons.html) {
/*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;
}
}Grüße
FuchsFan
Falls Bedarf an einem an deinem Code angelegten Stil besteht...
Danke für den Hinweis, ich habe schon vorbei geschaut. Ich hoffe ja auch, dass da früher oder später unsere Spezialisten sich dazu was einfallen lassen. Bis dahin haben wir ja nooooch viel Zeit, im 71 funktioniert es ja noch. Für dich schon nicht mehr so gut, aber ich beobachte im Nightly auch alle Änderungen.
Grüße
FuchsFan
nur auf den Add-on-Manager beschränken müsste
Ja, nun wissen wir, dass es nicht so ist. Dazu dann noch eine Frage, der angesprochene "Antworten"-Button ist rot, bei Mauskontakt wird er schwarz, klickt man drauf wird er rot mit schwarzem Rand (geht alles sehr schnell). Wird das Letzte jetzt auch durch den Code beeinflusst, und ist der schwarze Hintergrund so vorgesehen? Die Leiste oben ist ja auch schwarz.
Grüße
FuchsFan
