Anpassung Camp-Firefox Hilfe-Forum

Alles klar, Sören. Danke.

Kommt der Stern denn nun automatisch oder muss ich dafür eine Funktion in meinem Profil aktivieren? Falls ja, welche?

#erledigt#

Hab eines gefunden

Firefox und BITS!?

automatisch in den von dir erstellten Themen

und wohl nicht im Bereich "Sonstiges" Sören kann bestimmt noch sagen wo es noch Ausnahmen gibt.

Zitat von .DeJaVu

Hab eines gefunden

Also sollte der Stern in einem CSS Code immer auch angesprochen werden, damit so ein Code in jedem Fall passt.

Zitat von Sören Hentzschel

Andreas und ich

Danke, ich hatte es mir fast schon gedacht.

So funktioniert es bei mir, es ist sogar einfacher als vorher geworden, das li ist rausgeflogen. Das li ist sogar der Fehler gewesen, ich hatte auch nie auf den Stern bislang geachtet.

.messageFooterButtons a.button[data-tooltip="Zitieren"]
{
    background: #44f !important;
}

.messageFooterButtons a.button[data-tooltip="Als „Hilfreichste Antwort“ markieren"]
{
    background: gold !important;
}

Gültig ist wie vorher aufgeschrieben der Code zum a.button.

Das hier funktioniert auch

.messageFooterButtons li.jsQuoteMessage a.button
{
    background: #44f !important;
}

.messageFooterButtons li.jsMarkAsBestAnswer a.button
{
    background: gold !important;
}

Ist noch einfacher.

Der "Melden"-Knopf hat ein anderes Tag

.messageFooterButtonsExtra li.jsReportPost a.button
{
    background: #c00 !important;
}

Danke für's Brainstorming.

Ich bin noch etwas irritiert. Mir scheint doch, dass alle Regeln bisher nur auf die Schaltflächen angewendet werden, aber nicht auf den Tooltip. Der erscheint trotzdem und immer in Schwarz mit weißer Schrift.

Dann musst du via xyz-Monkey und Script das Tag "data-tooltip" entfernen.

https://pixelbar.be/blog/css-profi-tip-tooltip-attributen/

Ach ja, auf dieser Seite wird auch gezeigt, was Andreas oben manuell mit ::before eingefügt hat, auch mittels content: attr(data-tooltip);“ möglich ist.

Das wäre .balloonTooltip, aber ich habe bis jetzt keinen Weg gefunden, sie nur für die messageFooterGroup auszublenden.

Wie ich bereits schrieb, geht das so nicht, aus meiner Sicht nur so:

// ==UserScript==
// @name data-tooltip ausblenden, camp-firefox.de
// @namespace Violentmonkey Scripts
// @include *://www.camp-firefox.de/*
// @grant none
// @run-at document-end
// ==/UserScript==

var links1 = document.getElementsByClassName('button'); for(var i = 0; i < links1.length; i++) {links1[i].removeAttribute("data-tooltip");}
//var links2 = document.getElementsByClassName('button'); for(var i = 0; i < links2.length; i++) {links2[i].removeAttribute("title");}
//var links3 = document.getElementsByTagName('a'); for(var i = 0; i < links3.length; i++) {links3[i].removeAttribute("title");}

Wenn die "title" bei Buttons stören, kann die mit der anderen Zeile auch gleich löschen. Und Zeile 3 (links3) ist gegen "title" in Links (falls geben sollte). Ich nutze Violentmonkey.

Und ich dachte die ganze Zeit, es geht darum. Die Formatierung der eigentlichen Schaltflächen erschien mir gar nicht als Problem.

Zitat von .DeJaVu

Wie ich bereits schrieb, geht das so nicht, aus meiner Sicht nur so:

Danke, probiere ich mal aus. Ich nutze ebenfalls Violentmonkey.

Hi .DeJaVu,

das UserScript, in Violentmonkey eingefügt, funktioniert, perfekt und Dankeschön.

Funktioniert aber nur, wenn man [data-tooltip] aus dem Code entfernt. Ansonsten wird die Formatierung nicht mehr angewendet.

Zitat von milupo

Funktioniert aber nur, wenn man [data-tooltip] aus dem Code entfernt. Ansonsten wird die Formatierung nicht mehr angewendet.

Ich habe nichts entfernt, geht auch so.

Doch, sobald das Skript aktiviert ist, und [data-tooltip] noch vorhanden ist, werden die Formatierungen nicht mehr angezeigt. Wenn ich das Skript deaktiviere, werden sie wieder angezeigt.

Dann nutzt du nicht das letzte css von mir. Das alte css basiert noch darauf.

Zitat von milupo

Ich nutze ebenfalls Violentmonkey.

Nun habe ich das heute erstmals ausprobiert mit dem Script von .DeJaVu .

Frage vorab: " Lassen sich auch andere Scripts einbinden"?

Ich hatte einen Versuch unternommen, das Script wird namentlich auch angezeigt, ist aber wirkungslos. Auch im Icon wird es nicht als gezähltes Script angezeigt.

Was muss beachtet werden, gib mal bitte Hinweise?

Hm, hier funktioniert das Script ohne die geringsten Nebenwirkungen, allerdings habe ich die Button auch mit eigenen Anpassungen angepasst und nicht die aus diesem Faden verwendet.

.DeJaVu

Bei dem Script ist mir noch aufgefallen, sofern ich einen neuen Beitrag einstelle, dann wirkt der Code nicht. Bei allen älteren Beiträgen aber trotzdem noch. Erst wenn ich einen anderes Thema aufrufe, und im Anschluss wieder zurückkomme, dann greift auch hier der Code wieder. Kannst Du das bitte mal überprüfen.

Z.B. nach diesem Beitrag:

FuchsFan Welchen Selektor verwendest du für das Stern-Symbol? Bei mir funktioniert es irgendwie gar nicht (Symbol bleibt Schwarz, wird bei Hover rot, Hintergrund verändert sich überhaupt nicht) oder sowohl Schriftfarbe als auch Hintergrundfarbe ändern sich, aber die Hintergrundfläche hat gerade mal Symbolgröße. Auf deinem Bildschirmfoto im vorstehenden Beitrag habe ich gesehen, dass da der Hintergrund Button-Größe hat.

Zu dem Problem mit Skript und data-tooltip: Die Schaltflächen haben auch das Attribut aria-label mit dem gleichen Text wie ihn data-tooltip hat. Wenn ich aria-label verwende, kann ich das Skript aktivieren und somit data-tooltip (und das Anzeigen des Tooltips) unterdrücken und die Formatierungen funktionieren trotzdem. Für die Bearbeiten-Schaltfläche habe ich im Skript die zweite Zeile aktiviert, um den title-Tooltip zu unterdrücken.

Ich verwende dafür die ↓ Anpassungen.

/* Als „Hilfreichste Antwort“ markieren */
.jsMarkAsBestAnswer,
.jsMarkAsBestAnswer:hover {
    border: 0 !important;
}
.jsMarkAsBestAnswer a {
    background: #77B7E3;
    padding: 3px 5px !important;
    margin-left: 5px !important;
}
.jsMarkAsBestAnswer a:hover {
    background: #336CCF !important;
    color: #FFF !important;
}
.jsMarkAsBestAnswer span {
    min-width: 148px;
}
.jsMarkAsBestAnswer span::after {
    content: "Hilfreichste Antwort" !important;
    padding-left: 10px !important;
}

Der Star-Button mit der Weißen Schrift ist der Button, der gerade gehovert ist.