about:addons Einstellungen breiter

Zitronella

Ich habe zwar gesucht, aber bisher nichts gefunden.
Ich habe in der userContent.css den Code

CSS

/*about:addons - Breite der Elemente anpassen*/
.addon.card {
max-width: initial !important;

eingefügt, was dazu führt, dass die about:addons Seite wieder in voller Breite genutzt wird.
So weit so schön. Allerdings hätte ich auch gerne, dass wenn man bei den Erweiterungen die "Einstellungen" aufruft
[attachment=1]about-addons-01.png[/attachment]
Hier am Beispiel von Anchors reveal diese auch in voller Breite angezeigt werden und nicht so schmal wie hier

[attachment=0]about-addons-02.png[/attachment]

Anchors reveal ist nur ein Beispiel, es gibt viele Erweiterungen, deren Platz so begrenzt ist innerhalb von about:addons.
Gibt es dafür auch einen .css Code damit diese Einstellungen in voller Breite angezeigt werden?

Son Goku

versuche es mal mit

CSS

.card addon-detail {
max-width: initial !important; }

und ide geschweifte Klammer am Ende nicht vergessen :wink:

Zitronella

hm habe nun den Code

CSS

/*about:addons - Breite der Elemente anpassen*/
.addon.card {
max-width: initial !important;
}
.card addon-detail {
max-width: initial !important; }

eingetragen, ändert aber leider nichts. Was mache ich falsch?

Endor

Hallo Zitronella.
In welcher Browser Version möchtest Du das ändern?

Im Nightly mit Schalter extensions.htmlaboutaddons.enabled auf true
habe ich noch keinen Weg gefunden das breiter zu machen.

Sonst könntest Du mal dies testen:

CSS

@-moz-document url("about:addons"),				   
                          url-prefix("chrome://mozapps/content/extensions/extensions.xul"){
 .detail-view-container{min-width: 998px !important; }
 #addon-list	{min-width: 900px !important;}
 richlistitem[class="addon addon-view card"]{min-width: 1000px !important;}
 }

Werte eventuell für Dich noch anpassen.

Mfg.
Endor

Zitronella

Ich

Zitat von Endor

In welcher Browser Version möchtest Du das ändern

Es geht um die aktuelle Version 66.0.3

Danke das klappt, ich habe allerdings deinen Code noch etwas reduziert. Insgesamt sieht es nun so aus.

CSS

/*about:addons - Breite der Elemente anpassen*/
.addon.card {
max-width: 100% !important;
}
 @-moz-document url("about:addons"),				   
                          url-prefix("chrome://mozapps/content/extensions/extensions.xul"){
 .detail-view-container{min-width: 1300px !important; }

Das reicht auch, zumindest sehe ich keine negative Auswirkungen. Oder habe ich etwas übersehen?

Endor

Hallo Zitronella.
Wenn es bei Dir funktioniert, dann passt der Code auch.
Freut mich wenn ich Dir helfen konnte.
Mfg.
Endor

geldhuegel

Hallo Endor, zuerst möchte ich mich als "Schnorrer" outen und Danke sagen. Ich habe mich nämlich bedient.
Bei mir funktioniert das so wie bei Zitronella. Aber neugierig wie ich bin, täte es mich schon interessieren was die weg gelassenen Zeilen bewirken sollen.
Und weil ich ja unersättlich bin habe ich noch eine Frage/Bitte: Kann man auch die Seite "Addons entdecken" verbreitern?

Endor

Hallo geldhügel.

Dieser Code wäre für die Addons entdecken Seite:

CSS

@-moz-document url-prefix("https://discovery.addons.mozilla.org/de/firefox/discovery/pane/"){
.App,		   
.DiscoPane,
.Footer	{min-width: 1000px !important;}

div.addon {border-radius: 28px !important;}


div.addon:nth-child(-n+10) > a:nth-child(1) > div:nth-child(1){border-top-left-radius: 24px !important;}


.Notice{display: none !important;}
}

Alles anzeigen

Werte eventuell noch anpassen.
Mfg.
Endor

geldhuegel

Vielen Dank Endor; das passt bestens.
Es ist halt schade, dass viele Mozilla Seiten (die hier genannten, aber auch alle unter Einstellungen) fest so schmal eingestellt sind. Nachdem du für jede Seite einen anderen Code erstellst gibt es offensichtlich keine Möglichkeit das allgemein variabel einzustellen.

Endor

Hallo geldhügel.
Ja eine universelle Lösung gibt es nicht.
Solange man es irgendwie anpassen kann, geht es auch so.

Freut mich wenn es passt.
Einen schönen Sonntag wünsche ich Dir.
Mfg.
Endor

Zitronella

Gibt es mittlerweile vielleicht eine Lösung auch mit dem im heute herausgekommenen Firefox 68 und dem standardmäßigen Wert von extensions.htmlaboutaddons.enabled auf true?

Der Code

CSS

.addon.card {
max-width: 100% !important;}

@-moz-document url("about:addons"),
url-prefix("chrome://mozapps/content/extensions/extensions.xul"){
.detail-view-container{min-width: 1286px !important;}
}

funktioniert zwar weiterhin wenn man den obigen Wert auf false umstellt, das ist aber auf Dauer keine Lösung, zumal da unter about:addons die weiteren Funktionen, die hinter den "..." verborgen sind nicht erscheinen, wie zb. der Button "Melden"

.DeJaVu

XUL kannst du sowieso knicken, weil HTML. Breite ist möglich, auch die dauerhafte Einblendung der Buttons. Allerdings habe ich jeglichen Code in der Richtung schon wieder gekippt (und gelöscht), weil das zeitaufwendig wurde ohne Ergebnis. Die Browser-Werkzeuge sind dein Freund. Ich würde dir aber eine zweite Profilinstanz zum Austesten (dev/beta) anraten wegen des permanenten Neustarts.

Zitronella

Ich fürchte, da bin ich zu unbewandert drin wenn sogar Endor im April daran gescheitert ist

Zitat von Endor

Im Nightly mit Schalter extensions.htmlaboutaddons.enabled auf true
habe ich noch keinen Weg gefunden das breiter zu machen.

ich hoffte auf eine mögliche Lösung durch darin erfahrenere Nutzer in css, als ich es bin.

.DeJaVu

Der Code für Breite

CSS

addon-list addon-card > .addon.card
{
  width: 90vw !important;
}

userContent.css

Am Menüpopup muss ich noch üben, evtl weicht v68 ab zur v69.

Eins noch - das Rad vorn

CSS

#addons-page #heading hbox.heading-inner #heading-name.header-name
{
    -moz-box-ordinal-group: 2 !important;
    padding-left: 10px !important;
}

Speravir

Oh, an vw für den Viewport denke ich immer nicht …

Ich hatte mir gerade eben das hier zusammengebastelt:

CSS

.card.addon {
    margin-left: auto !important;
    margin-right: auto !important;
    width: 95% !important;
}

…

Und wem die graue Markierung beim Hovern über die einzelnen Addons missfällt, der fügt am besten zu Beginn der Datei noch folgendes hinzu:

CSS

:root {
    --card-outline-color: fuchsia !important;
}

Fuchsia ist nur ein Beispiel … Wenn man schon solch einen Rootblock besitzt, dann reicht es, die Deklaration --card-outline-color: … dort hinzuzufügen.

Zitronella

Zitat von .DeJaVu

Der Code für Breite

sehr cool, Danke

Ich konnte es sogar erweitern, dass auch beim Anklicken der Erweiterung es breiter wird.

CSS

addon-list addon-card > .addon.card
{
  width: 90vw !important;
}
addon-card[expanded] >.addon.card
{
  width: 90vw !important;
}

Vielleicht kann man das auch noch irgendwie kürzer gestalten?

Gibt es möglicherweise auch eine Lösung, dass in der Übersicht das Installationsdatum aufgeführt wird?

Der Code

CSS

  /* Erweiterungen nach Installationsdatum auflisten*/
#list-view > #addon-list .date-updated {
display: -moz-box !important;
}

funktioniert seit Firefox 68 nämlich auch nicht mehr wenn extensions.htmlaboutaddons.enabled auf true

Hemu

Zitat von Zitronella

CSS

addon-list addon-card .addon.card

{

width: 90vw !important;

}

addon-card[expanded] .addon.card

{

width: 90vw !important;

}

Alles anzeigen

funktioniert hervorragend. Danke!

Zitronella

Hemu freut mich, ich habe den Code oben allerdings noch etwas korrigiert, ich weiß nicht ob das wichtig ist.

Hemu

Übernommen.Danke!

grisu2099

Sieht deutlich besser aus...

Danke Zitronella!