about:performance CSS Code

2002Andreas

Hallo @all..

evtl. kann mir ja jemand weiterhelfen, vorweg dafür schon mal herzlichen Dank.

Es geht um einen Code für: about:performance

Neben den Erweiterungen kann man auf den Button: more klicken...also mehr anzeigen,
dann wird daraus der Text: less....also weniger.
Ich habe den Text von "more" auf "Zeige mehr" geändert.

Ich schaffe es aber nicht, aus less = Weniger anzeigen zu machen. Mit more = mehr anzeigen klappt es.
Weder active...noch visited etc. funktionieren.

So sieht das bis jetzt aus:

[attachment=0]Zwischenablage01.png[/attachment]

Das ist der bisherige Code dazu:

CSS

@namespace url(http://www.w3.org/1999/xhtml);


@-moz-document url("about:performance") {


a[class="more"][href=""]{
font-size:0px!important;
}


a[class="more"][href=""]:before {
content: "Zeige mehr" !important;
margin-left:10px!important;
color:blue!important;
font-size:14px!important;
}
}

Alles anzeigen

Sören Hentzschel

Hallo,

das kann nicht funktionieren, da die Klasse von dem Element immer "more" ist, das heißt, mit deinem Schnipsel änderst du den Text für beide Fälle. Eine CSS-Lösung sehe ich nicht. Mit XPath wäre das einfach anzusprechen, aber das unterstützt Stylish meines Wissens nicht (und da XPath kein CSS ist, geht's in der entsprechenden CSS-Datei von Firefox natürlich auch nicht). Daher wird das nur über JavaScript gehen.

2002Andreas

Hallo Sören..

herzlichen Dank für deine Auf/Erklärung :klasse:

Damit betrachte ich meine Frage als erledigt, und lasse den Eintrag so.

Sören Hentzschel

Du könntest den Text ja in "ein-/ausklappen" oder ähnlich ändern, dann ist das allgemein formuliert und passt für beide Fälle.

2002Andreas

Hallo Sören..

danke, aber das übersteigt dann doch meine wenigen Kenntnisse :oops:

Es wären ja auch noch weitere Button/Texte die dann angepasst werden müssten, um es perfekt zu machen.

Sören Hentzschel

Du hast mich verstanden. Ich meinte, dass wenn es dir nur um die Übersetzung geht und du auf einen unterschiedlichen Text verzichten kannst, könntest du den Text wie vorgeschlagen ändern. Den Code hast du ja bereits gepostet, es ist nur ein anderer Text, der beide Fälle (eingeklappt und zugeklappt) abdeckt.

2002Andreas

Hallo Sören..

ich hatte das erst falsch verstanden, so geht es natürlich auch :wink:

CSS

@namespace url(http://www.w3.org/1999/xhtml);


@-moz-document url("about:performance") {


a[class="more"][href=""]{
font-size:0px!important;
}


a[class="more"][href=""]:before {
content: "Zeige mehr/weniger" !important;
margin-left:10px!important;
color:blue!important;
font-size:14px!important;
}
}

Alles anzeigen