Ansicht "Erweiterungen verwalten"

FuchsFan

Zitat von ^L^

fehlt das etwas am Ende?

Nein, da fehlt nichts. Wenn du den Code, so wie ich ihn gepostet habe, in die userContent.css eingefügt hast, dann sollte dem nichts mehr im Wege stehen.

So, hier dann noch einmal der Code mit Farbe Lightgrey:

CSS

/*  Addons-Verwaltung: Hintergrundfarben */
@-moz-document url-prefix(chrome://mozapps/content/extensions/aboutaddons.html),
 url-prefix(about:addons) { 

   #sidebar {
      background: lightgrey !important; /* Hintergrund linke Seite */
    }
    
    .main-search,
    .sticky-container,
    .main-heading,
    #content {
      background: lightgrey !important; /* Hintergrund rechte Seite */
      font-size: 15px !important;
    } }

Alles anzeigen

Zitat von Büssen

momentan habe ich o.g. Code soweit im Griff - nur werden nicht obige bunten Themes wie gewünscht angezeigt.

Hallo Büssen!

Das ist ja das Problem, worauf ja hier im Forum auch bisher niemand eine Antwort parat hat. Ich habe ja im Beitrag #596 schon einiges dazu berichtet, aber bei allen meinen Versuchen, es ist nicht abzuwenden. Wo genau in den Tiefen vom Fox zu suchen ist, dazu fehlen mir einfach die Grundlagen. Deshalb habe ich auch aus der Vergangenheit gelernt, nur Portable, dann Kopie, und bei Fehlern damit ersetzen.

Mittlerweile eine meiner leichtesten Übungen.

Büssen

Zitat von FuchsFan

Deshalb habe ich auch aus der Vergangenheit gelernt, nur Portable, dann Kopie, und bei Fehlern damit ersetzen.
Mittlerweile eine meiner leichtesten Übungen.

Moin FuchsFan,,

diese portable Version stammt auch aus deiner Feder - sozusagen als Double auf dem USB-Stick. Das ist allerdings nicht die letzte Version von dir, sondern sicher ein Vorvorgänger. Damit gibt es mit der 77-er Version keine Schwierigkeiten.

Man kann jedoch nicht alles haben - deshalb warte ich mal (Corona-bedingt) auf bessere Zeiten!

Hier nochmal ein gutes Beispiel:

oder dieses Beispiel:

^L^

Zitat von FuchsFan

Zitat von ^L^

fehlt das etwas am Ende?

Nein, da fehlt nichts. Wenn du den Code, so wie ich ihn gepostet habe, in die userContent.css eingefügt hast, dann sollte dem nichts mehr im Wege stehen.
So, hier dann noch einmal der Code mit Farbe Lightgrey:

EDIT: Mit FF77 funktioniert's - herzlichen Dank!

Nur mit FF75 nicht (den brauche ich für ein paar Webseiten die mit FF77 nicht gut funktionieren).

Da reicht die Standardansicht, da ich den ohnehin selten verwende.

CSS

/* Firefox Quantum userChrome.css tweaks *//* Github: https://github.com/aris-t2/customcssforfx */

@-moz-document url-prefix(chrome://mozapps/content/extensions/extensions.xul), url-prefix(about:addons),url-prefix

(chrome://mozapps/content/extensions/aboutaddons.html) {

html {
      --addon-page-options-width: 380px;
    }

/* Länge und Höhe aller Container */
addon-card:not([expanded="true"]) .addon.card {
      width: 820px !important;
      height: 26px !important;
   }

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

.header-name {
    font-size: 13px !important;
    margin-top: 8px !important;
    }

.addon-name-link[title]{
      font-size: 13px !important;
    }

.addon.card .addon-description {
      font-size: 11px !important;
    }

/* Versionsnummer wird angezeigt */
    div:not([current-view="updates"]) .addon-name-link[title]:not([data-l10n-args])::after,
    div:not([current-view="updates"]) .addon-name[title]:not([data-l10n-args])::after {
      display: block !important;
      content: attr(title) !important;
      margin-top: -22px !important;
    }

panel-item[action="check-for-updates"][data-l10n-id="addon-updates-check-for-updates"] {
  --in-content-button-background: none !important;
  }

#category-availableUpdates[disabled] {
      overflow: visible !important;
      height: 48px !important;
      min-height: 48px !important;
      opacity: 1 !important;
      transition-property: unset !important;
      transition-duration: unset !important;
      -moz-user-input: unset !important;
    }
    
#category-availableUpdates[hidden] {
      opacity: 1 !important;
      min-height: 48px !important;
      height: 48px !important;
      display: inherit !important;
      transition: unset !important;
    }

}

/**/
    addon-list[type="theme"] addon-card:not([expanded="true"]) button[data-l10n-id="enable-addon-button"]:not(.theme-enable-button),
    .more-options-menu panel-item {
      background: white !important;
      color: black !important;
      margin: 0 1px !important;
      border: 1px solid lightgrey !important;
    }

    addon-list[type="theme"] addon-card:not([expanded="true"]) button[data-l10n-id="enable-addon-button"]:not(.theme-enable-

button):not([badged]),
    addon-list panel-item:not([badged]){
      border: 1px solid lightgrey !important;
    }

    addon-list addon-card:not([expanded="true"]) panel-list * {
      background: white !important;
      color: black !important;
    }

    addon-list[type="theme"] addon-card:not([expanded="true"]) button[data-l10n-id="enable-addon-button"]:not(.theme-enable-

button):hover,
    addon-list[type="theme"] addon-card:not([expanded="true"]) button[data-l10n-id="enable-addon-button"]:not(.theme-enable-

button):active {
      border: 1px solid black !important;
    }

    @supports -moz-bool-pref("browser.in-content.dark-mode") {
      @media (prefers-color-scheme: dark) {
        addon-list addon-card:not([expanded="true"]) panel-list *,
        addon-list[type="theme"] addon-card:not([expanded="true"]) button[data-l10n-id="enable-addon-button"]:not(.theme-enable-

button),
        .more-options-menu panel-item {
          background: black !important;
          color: white !important;
        }
        addon-list[type="theme"] addon-card:not([expanded="true"]) button[data-l10n-id="enable-addon-button"]:not(.theme-enable-

button):hover,
        addon-list[type="theme"] addon-card:not([expanded="true"]) button[data-l10n-id="enable-addon-button"]:not(.theme-enable-

button):active {
          border: 1px solid white !important;
        }
    }}

    addon-list panel-item{
      margin: 0 1px !important;
    }

/* Button rechte Seite */
    addon-list panel-item:not([badged]){
      border: none !important; /* Umrahmung / none = nicht gesetzt */
    }

/* reduce size of default buttons */
    link:-moz-any([href$="panel-item.css"],[href$="panel-list.css"]) ~ button {
      width: unset !important;
      padding: 2px 5px !important;
      color: seagreen !important;  /* Schriftfarbe */
      font-weight: bold !important;  /* fette Schrift */
    }

/* remove three dots button */
    addon-card .more-options-button {
      display: none !important;
    }

/* remove button icon */
    :host([checked]),
    panel-item[checked],
    addon-list panel-item {
      --icon: unset !important;
    }

/* restore buttons */
    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:-moz-any([href$="panel-item.css"],[href$="panel-list.css"]) ~ button::after,
    :-moz-any(addon-options,plugin-options) button::after {
      display: none !important;
      content: unset !important;
      color: seagreen !important;
    }

    addon-page-options panel-list {
      min-width: unset !important;
      width: auto !important;
      max-width: var(--addon-page-options-width) !important;
      z-index: 1000 !important;
    }

    addon-page-options panel-list panel-item {
      min-width: calc(var(--addon-page-options-width) - 20px) !important;
      width: 320px !important;
    }

    .sticky-container {
      z-index: 1000 !important;
    }

    link:-moz-any([href$="panel-item.css"],[href$="panel-list.css"]) ~ button label[accesskey] {
      padding-inline-start: 20px !important;
      padding-top: 3px !important;
      padding-bottom: 3px !important;
      min-width: calc(var(--addon-page-options-width) - 10px) !important;
      width: calc(var(--addon-page-options-width) - 10px) !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 {
      position: relative !important;
      display: flex !important;
      overflow: hidden !important;
      background: unset !important;
      border: unset !important;
      box-shadow: unset !important;
      min-width: unset !important;
      width: unset !important;
      float: right !important;
      right: 36px !important;
    }

/*addon-list:-moz-any([type="theme"],[type="plugin"],[type="dictionary"],[type="all"]) addon-card:not([expanded="true"]) panel-list {
      right: 1px !important;
    }*/

    addon-list addon-card:not([expanded="true"]) panel-list {
      margin-top: -48px !important;
    }

/*addon-list[type="theme"] addon-card:not([expanded="true"]) panel-list {
      -moz-margin-end: 22px !important;
    }*/

    addon-list addon-card:not([expanded="true"]) .addon.card .theme-enable-button {
      -moz-appearance: none !important;
      min-width: 20px !important;
      width: 20px !important;
      max-width: 20px !important;
      height: 20px !important;
      font-size: 0 !important;
      border: 1px solid !important;
      border-top: 3px solid !important;
      -moz-margin-end: 1px !important;
      opacity: 0.9 !important;
    }

    addon-list addon-card:not([expanded="true"]) .addon.card .theme-enable-button:hover {
      cursor: pointer !important;
      opacity: 1.0 !important;
      filter: brightness(2.00) !important;
    }

    addon-list addon-card:not([expanded="true"]) .addon.card[active="true"] .theme-enable-button {
      background: Highlight url("chrome://global/skin/icons/check.svg") 2px no-repeat !important;
    }

    addon-list addon-card:not([expanded="true"]):hover .addon.card[active="true"] .theme-enable-button {
      background: red url("chrome://browser/skin/zoom-out.svg") 2px no-repeat !important;
    }

    addon-list addon-card:not([expanded="true"]):hover .addon.card[active="false"] .theme-enable-button {
      background: green url("chrome://global/skin/icons/check.svg") 2px no-repeat !important;
    }

    addon-list[type="theme"] addon-card:not([expanded="true"]) .card-contents{
      height: 40px !important;
    }

/*input[type="checkbox"].toggle-button {
      margin: 0 8px !important;
    }*/

    addon-list addon-card:not([expanded="true"]) .addon.card .theme-enable-button,
    input[type="checkbox"].toggle-button {
      -moz-margin-end: 8px !important;
    }

    addon-card:not([expanded]) > .addon.card,
    addon-card:not([expanded]) > .addon.card * {
      overflow: hidden !important;
    }

/*  Addons-Verwaltung: Hintergrundfarben */
@-moz-document url-prefix(chrome://mozapps/content/extensions/aboutaddons.html),
 url-prefix(about:addons) { 

   #sidebar {
      background: lightgrey !important; /* Hintergrund linke Seite */
    }
    
    .main-search,
    .sticky-container,
    .main-heading,
    #content {
      background: lightgrey !important; /* Hintergrund rechte Seite */
      font-size: 15px !important;
    } }
}

Alles anzeigen

FuchsFan

Zitat von ^L^

Mit FF77 funktioniert's - herzlichen Dank!

Wenn wir hier über Anpassungen sprechen, dann nicht mehr über die Vergangenheit, weil sich ständig etwas ändert. Auch in Bezug auf die Sicherheit, und deshalb ist es nicht so ratsam noch mit älteren Versionen unterwegs zu sein.

In dem Code von dir in Zeile 3 von xul in xhtml ändern, und Zeile 288 die Klammer kannst du entfernen. Der Code funktioniert aber auch so, wie du ihn eingestellt, und ja auch bestätigt hast .

^L^

Prima, danke, servus.

Sören Hentzschel

Zitat von ^L^

Nur mit FF75 nicht (den brauche ich für ein paar Webseiten die mit FF77 nicht gut funktionieren).

Das würde mich doch eher wundern, insbesondere wenn wir von Problemen sprechen, für die es keine Lösung geben soll. Vielleicht gibt es hier also eher eine Ursache, die im Firefox-Profil zu suchen ist…

^L^

Zitat von Sören Hentzschel

Zitat von ^L^

Nur mit FF75 nicht (den brauche ich für ein paar Webseiten die mit FF77 nicht gut funktionieren).

Das würde mich doch eher wundern, insbesondere wenn wir von Problemen sprechen, für die es keine Lösung geben soll. Vielleicht gibt es hier also eher eine Ursache, die im Firefox-Profil zu suchen ist…

Profil vielleicht, bspw. funktionieren folgende Videos mit FF77 nicht, mit FF75 schon...

https://www.sat1.at/tv/genial-daneben-das-quiz/ganze-folgen

https://www.prosieben.at/tv/schlag-den-…ker-ganze-folge

Sören Hentzschel

Beide Videos funktionieren hier in Firefox 77.0.1.

2002Andreas

Zitat von ^L^

funktionieren folgende Videos mit FF77 nicht

Mit deinem Fx nicht, das mag sein.

Hier schon:

^L^

Hm, gut zu wissen - Danke!

grisu2099

Auch hier keine Probleme mit 77.0.1...

Das Problem scheint also eher in deinem Rechner zu wohnen...

Boersenfeger

Hier mit Firefox 79.0 Nightly ebenso nicht.. du hast vielleicht dein 75 er Profil auf Firefox 77 mitgenommen und dann funktionierten die Filmchen nicht.

Teste es mit einem neuen Profil...

FuchsFan

2002Andreas

Hallo, Andreas, ich brauche wieder einmal Hilfe. Ich möchte unter Themes die Schrift nach oben rechts verlagern, gelingt mir nicht, weil ich den Selektor dafür nicht finde.

2002Andreas

Zitat von FuchsFan

weil ich den Selektor dafür nicht finde.

Meinst du das so?

Code

.addon-name {
    margin-left: 240px;
    margin-top: -190px;
}

Wobei du das wenn dann irgendwie in deinen vorhandenen Code einbauen musst.

2002Andreas

Wobei

Code

.addon-name

ja auch für die Erweiterungen zutrifft.

Ergo musst du es auch noch auf die Themes allein beschränken.

FuchsFan

Zitat von 2002Andreas

ja auch für die Erweiterungen zutrifft.
Ergo musst du es auch noch auf die Themes allein beschränken.

Ist mir bewusst, Andreas, trotzdem rührt sich nichts von der Stelle. Habe es in den Code eingearbeitet, keine Reaktion.

FuchsFan

Zitat von 2002Andreas

Ergo musst du es auch noch auf die Themes allein beschränken.

Ich glaube , dass ich dieses Vorhaben abbrechen muss. Wenn ich die Schrift nach oben verlagern will, dann verschwindet sie hinter ??????, ob links oder rechts spielt dabei keine Rolle.

Das ist der verwendete Code:RE: About Seiten mit CSS Codes anpassen

Hast du noch eine Idee?

2002Andreas

Zitat von FuchsFan

dann verschwindet sie

Das kommt durch die ganzen Anpassungen, und ist hier auch so mit dem Code.

Ob bzw. wenn ja wo man das verhindern kann, bin ich leider auch überfragt.

FuchsFan

Zitat von 2002Andreas

Ob bzw. wenn ja wo man das verhindern kann, bin ich leider auch überfragt.

Danke, Andreas, dann lasse ich es einfach so. Damit wollte ich nur die Höhe der Felder unter Theme verringern.

Edit:

Oder es gibt den Kompromiss , ein Klick mehr auf "Verwalten", dann Aktivieren, bzw, Deaktivieren.

Dharkness

Hi FuchsFan,

gehe ich recht in der Annahme, das das ungefähr so ↓ aussehen soll?