Ansicht "Erweiterungen verwalten"

Zitat von Boersenfeger

nutzt du einen anderen Code

Richtig, aber nicht den aus Beitrag Nr. 153.

Das war der geänderte von Barbara.

Zitat von 2002Andreas

button:focus, button:enabled:hover

Ich habe eine Intereferenz mit anderen Seiten festgestellt. Der Code im Zitatkasten ist aus Andreas' Beitrag #153, Zeile 80. Wenn ich die Selektoren so verwende, wird gemäß der zugehörigen Regel die Hintergrundfarbe bei Focus und Hover auf transparent gesetzt und kein Rahmen festgelegt. Ich habe hier eine Seite, die verwendet für Schaltflächen als Schriftfarbe Weiß. Auf dieser Seite verschwinden nun bei Hover die Schaltflächen ganz, da die Seite für den Seitenhintergrund ebenfalls Weiß festlegt (für den Schaltflächenhintergrund ist dort weder transparent noch Weiß festgelegt).

Die Interferenz ist etwas seltsam, da ich in der CSS-Datei für den Add-on-Manager eine @-moz-document-Regel drin stehen habe, die eigentlich den CSS-Code auf die Datei aboutaddons.html, also den Add-on-Manager, beschränken sollte. Das Element button hier im Code für den Add-on-Manager hat Gott sei Dank eine Klasse, more-options-button. Die habe ich der Zeile 80 hinzugefügt und das Problem mit der anderen Seite war behoben.

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

Ähnliches ist mir noch auf einer weiteren Seite passiert, dort ist aber nicht Weiß als Schriftfarbe der Schaltfläche festgelegt, sodass ich dort wenigstens den Schaltflächentext sehen kann.

Zitat von milupo

more-options-button. Die habe ich der Zeile 80 hinzugefügt und das Problem mit der anderen Seite war behoben.

Hallo milupo!

Ich kann das Problem jetzt nicht nachvollziehen, weil es bisher keine gab. Ich habe aber mal den Code von dir übernommen, es läuft weiter ohne Schwierigkeiten. Das werde ich mal beobachten.

Grüße

FuchsFan

Zitat von FuchsFan

Ich habe aber mal den Code von dir übernommen, es läuft weiter ohne Schwierigkeiten. Das werde ich mal beobachten.

Hallo FuchsFan,

danke für deine Antwort.

Da wirst du wohl keinen Erfolg haben, denn das Problem wird mit meinem Code wohl nicht mehr auftreten.

Moin,

erst einmal Danke für die Hilfe und milupo, dieses Phänomen trat bei mir auch auf. Habe mal Deinen Code aus Beitrag #162 übernommen. Mal im Auge behalten.

Zitat von milupo

Da wirst du wohl keinen Erfolg haben

Na, und ob ich das kann. Also es ist tatsächlich so, wie du es beschrieben hast, denn ich habe im 71 Beta das Phänomen beobachten können.

Im 70 mit deinem Code ist es dann nicht mehr aufgetreten. Prima, das hast du sehr gut erkannt, und danke für den neuen Code dazu.

Grüße

FuchsFan

Zitat von BarbaraZ-

dieses Phänomen trat bei mir auch auf. Habe mal Deinen Code aus Beitrag #162 übernommen. Mal im Auge behalten.

Hallo Barbara, auch dir danke für die Rückmeldung. Nun weiß ich sicher, dass nicht nur ein Fehler bei mir Ursache für das Problem war.

Zitat von FuchsFan

Na, und ob ich das kann. Also es ist tatsächlich so, wie du es beschrieben hast, denn ich habe im 71 Beta das Phänomen beobachten können.

Im 70 mit deinem Code ist es dann nicht mehr aufgetreten. Prima, das hast du sehr gut erkannt, und danke für den neuen Code dazu.

Die Firefox-Version spielt hier eigentlich keine Rolle, denn es handelt sich hier ja um Webseiten, auch der Add-on-Manager ist ja eine Webseite. Es würde nur einen Unterschied machen, wenn der Code in jeder Firefox-Version unterschiedlich wäre, also z. B. kein transparenter Hintergrund, sondern der Hintergrund in einer Farbe, die nicht weiß ist. Ich habe so etwas bei der Startseite von diesem Forum gemacht, da habe ich ein unterschiedlich gefärbtes Forumslogo und einen unterschiedlich gefärbten Forumstitel, je nachdem, ob es sich um eine finale Version, eine Beta oder ein Nightly handelt. Nur das mal so nebenbei.

Zitat von 2002Andreas

Richtig, aber nicht den aus Beitrag Nr. 153.

Sondern?

Zitat von Boersenfeger

Sondern?

Da haben wir es wieder...

Du nutzt 70.0.1

ich aber Nightly...

Ja, und in diesem Thread geht es um die aktuelle Version, und nicht um Nightly

Im Nightly habe ich nur wenig geändert, da teste ich nur.

Ich werde mal einen neuen Thread eröffnen...

Schreib aber bitte gleich dazu, dass es sich um Nightly handelt

... Addons Manager Nightly

Hier ist ja noch einer...

Nun sollte es deutlich sein, das es sich um Nightly handelt...

Zitat von milupo

spielt hier eigentlich keine Rolle, denn es handelt sich hier ja um Webseiten

Das ist verständlich, milupo. Mir ist es erst bewusst geworden, nachdem du den Hinweis dazu gegeben hast. Als Beispiel dazu dieses Forum. Immer wenn ich einen Beitrag schrieb, und dann unten mit der Maus über "Antworten" (Feld ist ja rot) kam, so konnte ich nur noch die Richtung halten und drauf klicken, vom Button war nämlich nichts mehr zu sehen.

Wenn ich jetzt drüberfahre , so wird der Button schwarz (Schrift bleibt weiß). Wie gesagt, ich hatte der Sache keine Bedeutung beigemessen, nur gewundert hat es mich, weil es auch auf anderen Seiten vorkam.

Grüße

FuchsFan

@2002Andreas

Hallo Andreas!

Wärst du so freundlich und stellst mir mal bitte den Code zur Verfügung, der zu dem Bild aus #170 gehört.

Grüße

FuchsFan

Zitat von FuchsFan

den Code zur Verfügung

Aber gerne doch, er ist allerdings nicht kompl. von mir erstellt.

@-moz-document  url-prefix(chrome://mozapps/content/extensions/aboutaddons.html) {

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 {
  color: red !important;
  font-weight: bold !important;
  counter-increment: section;                 
  content: counter(section)": ";
  padding-right: 8px !important; 
  margin-top:-10px!important;
  margin-left: -8px !important;
  }  

button:-moz-focusring {
    box-shadow: none !important;
    outline: 0px dotted !important;
    outline-offset: 0px !important;
}

#updates-container {
     margin-right: -310px !important;
}

#updates-container  {
color: green !important;
}

#updates-container label#updates-installed, #updates-downloaded {
    color: blue!important;
    font-weight: bold;
    margin-right: -90px !important;
}

#header-utils-btn {
   margin-right: 25px !important;
}

panel-item[action="remove"] {
    --icon: url("chrome://global/skin/icons/delete.svg");
    fill: red !important;
}

.heading-inner {
  width: 1895px !important;
  margin-left: -1185px !important;
  margin-top: 0px !important;
}

#header-inner {
  margin-left: -53px !important;
  margin-bottom: -61px !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-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: 20px }
addon-card .addon-card-collapsed{ margin-bottom: -10px !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 */


addon-options > panel-list{
    font-size:8px !important;
    border-color: rgb(220,220,220) !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;
  }
}

FuchsFan Das liegt daran, dass button ein Standard-HTML-Element ist, das auf allen Webseiten verwendet werden kann. Trotzdem dachte ich, dass die Regel dank der @-moz-document-Zeile sich nur auf den Add-on-Manager beschränken müsste.

Zitat von 2002Andreas

Aber gerne doch, er ist allerdings nicht kompl. von mir erstellt.

Danke, Andreas, mich interessieren darin nur einige Code-Schnipsel, möchte wieder etwas dazulernen.

Grüße

FuchsFan