Beiträge von milupo

Hier ist noch ein Bildschirmfoto:

Büssen Ich habe noch ein Angebot zum Hamburger-Menü für dich, wenn du möchtest. Es gibt ja jetzt zwei Einträge (ab Fx 70?) mehr im Hamburger-Menü: Schutzmaßnahmen und Neue Funktionen und Änderungen. Wenn du deren Symbole noch nicht angepasst hast, sprich, es sind noch die Standardsymbole in Schwarz, kann ich dir zumindest noch die Färbung anbieten. Nach eigenen Symbolen wollte ich jetzt nicht suchen. Aber die Standarsymbole in Farbe ist ja auch schon eine Verschönerung.

Für den Eintrag Schutzmaßnahmen:

   #appMenu-protection-button {
   -moz-image-region: rect(0px 16px 16px 0px) !important;
    padding-left: 15px !important;
    }
   
   #appMenu-protection-report-icon {
   fill: red !important;
   fill-opacity: 1 !important;
      }
      
   #appMenu-protection-report-text {
   padding-left: 10px !important;
   }

Die erste Regel dient der Positionierung des Symbols. Die zweite Regel färbt das Symbol rot ein und die dritte Regel legt den Abstand des Eintragstextes zum Symbol davor fest. Da ich hier mit dem sorbischen Firefox arbeite und nur mit dem Nightly getestet habe, müsstest du eventuell die Farbe und/oder die Abstände anpassen, also mit fill und padding-left.

Ähnliches gilt für den Eintrag Neue Funktionen und Änderungen:

    #appMenu-whatsnew-button {
    -moz-image-region: rect(0px 16px 16px 0px) !important;
    padding-left: 15px !important;
    }
    
    #appMenu-whatsnew-button .toolbarbutton-icon {
    fill: maroon !important;
    fill-opacity: 1 !important;
              }
        
    #appMenu-whatsnew-button .toolbarbutton-text {
    padding-left: 10px !important;
         }

Hier habe ich Kastanienbraun (maroon) als Farbe gewählt.

Zitat von Fearen54s

Oder muss ich dies einfach nur in userchrome.js reinkopieren?

Bitte niemals etwas in die userChrome.js hineinschreiben. Sie muss so bleiben, wie du sie heruntergeladen hast.

Zitat von Fearen54s

Hi,

dafür fehlt mir einfach das technische Knowhow. Bekomme ich nicht hin.

Ja, so war das bei vielen, die jetzt viele von diesen Skripten nutzen.

Büssen Im Code aus Beitrag #13 hast du eine bunte Mischung beim Einfügen der Grafiken: list-style-image:, background-image:, background:. Verwende am besten nur letzteres und achte darauf, dass vor dem abschließenden !important noch no-repeat steht, da sonst das Symbol wiederholt dargestellt wird. Zu ändern wären die Zeilen 13, 25, 32, 40, 53, 73, 78, 83, 99, 104, 109, 116, 124. Korrekt sind die Zeilen 60, 67, 88, 94.

background-image kannst du auch verwenden, du müsstest dann aber extra background-repeat: no-repeat zusätzlich verwenden. background ist dagegen eine Sammeleigenschaft und du kannst alle möglichen Werte verwenden, die es für background gibt. Deswegen und wegen der Einheitlichkeit ist background: besser.

Diese Kurzschreibweise funktioniert auch:

yt-multi-page-menu-section-renderer.style-scope:nth-child(1) > div:nth-child(2) > ytd-compact-link-renderer:nth-child(5) > a:nth-child(1) > paper-item:nth-child(1) > div:nth-child(1) > yt-icon:nth-child(2) > svg:nth-child(1) {
fill: red !important;
}

yt-multi-page-menu-section-renderer.style-scope:nth-child(1) > div:nth-child(2) > ytd-compact-link-renderer:nth-child(5) > a:nth-child(1) > paper-item:nth-child(1) > yt-formatted-string:nth-child(2) {
font-size: 20px !important;
color: red !important;
background: green !important;
}

yt-multi-page-menu-section-renderer.style-scope:nth-child(1) > div:nth-child(2) > ytd-compact-link-renderer:nth-child(5) > a:nth-child(1) > paper-item:nth-child(1):hover, yt-multi-page-menu-section-renderer.style-scope:nth-child(1) > div:nth-child(2) > ytd-compact-link-renderer:nth-child(5) > a:nth-child(1) > paper-item:nth-child(1) > yt-formatted-string:nth-child(2):hover {
background: blue !important;
color: yellow !important;
}

So jetzt klappt es. Aber es ist etwas eigenartig. Ich brauchte den verkürzten Hover-Pfad von Andreas, der muss aber vor dem vollständigen Hover-Pfad stehen. Ohne den verkürzten Hover-Pfad geht es gar nicht, wenn der verkürzte Hover-Pfad hinter dem vollständigen Hover-Pfad steht, wird lediglich die ganze Zeile eingefärbt. So sieht es also bei mir jetzt aus:

yt-multi-page-menu-section-renderer.style-scope:nth-child(1) > div:nth-child(2) > ytd-compact-link-renderer:nth-child(5) > a:nth-child(1) > paper-item:nth-child(1) > div:nth-child(1) > yt-icon:nth-child(2) > svg:nth-child(1) {
fill: red !important;
}

yt-multi-page-menu-section-renderer.style-scope:nth-child(1) > div:nth-child(2) > ytd-compact-link-renderer:nth-child(5) > a:nth-child(1) > paper-item:nth-child(1) > yt-formatted-string:nth-child(2) {
font-size: 20px !important;
color: red !important;
background: green !important;
}

yt-multi-page-menu-section-renderer.style-scope:nth-child(1) > div:nth-child(2) > ytd-compact-link-renderer:nth-child(5) > a:nth-child(1) > paper-item:nth-child(1):hover {
  background: blue !important;
}

yt-multi-page-menu-section-renderer.style-scope:nth-child(1) > div:nth-child(2) > ytd-compact-link-renderer:nth-child(5) > a:nth-child(1) > paper-item:nth-child(1) > yt-formatted-string:nth-child(2):hover {
background: blue !important;
color: yellow !important;
}

Ich kriege die Krise. Im Moment funktioniert nicht einmal mehr der verkürzte Pfad für die ganze Zeile bei Hover. Gar nichts mit Hover.

Zitat von 2002Andreas

Dann wird der Hintergrund blau.

Danke Andreas. Das funktioniert, bezieht sich aber auf die ganze Zeile. Mit der normalen Regel kann ich den Hintergrund auf den Eintrag beschränken. Rote Schrift, blauer Hintergrund. Für Hover habe ich die Farben vertauscht, blaue Schrift, roter Hintergrund. Nichts zu machen, weder Schriftfarbe noch Hintergrundfarbe werden bei Hover verändert, wohl gemerkt mit dem vollen Selektorpfad. Der von dir aus Beitrag #25 ist verkürzt, deshalb färbt er die ganze Zeile ein. Was stört Hover am letzten Glied im Selektorpfad, an > yt-formatted-string:nth-child(2)?

Ich konnte da keine Ironie erkennen und finde sie auch etwas deplatziert.

AngelOfDarkness Also erstens geht es um Youtube und nicht um Ebay, wie auch schon dem Thread-Titel zu entnehmen ist. Dann habe ich mehrfach geschrieben, dass es bei mir nur mit der Hover-Regel nicht klappt, die normale Regel und die für das Symbol davor funktionieren. Schließlich habe ich wie Andreas die Regel für den TE ermittelt. Aber wenn du mir das nicht glaubst, glaubst du hoffentlich einem Bildschirmfoto:

Nochmal: Das Problem ist nur, dass die Hover-Regel nicht funktioniert. Ich kann mit dem Cursor auf dem Eintrag Abmelden herumfuhrwerken wie ich will, die Schriftfarbe ändert sich nicht.

Zitat von AngelOfDarkness

Mal einen Schuss ins Blaue... du hast den Code in die userContent.css geschmissen bzw. den @import dafür ?

Nix mit Blau. Na sicher und wenn es nicht so wäre, würden ja auch die normale Regel und die zum Symbol nicht funktionieren. Aber die funktionieren. Nur :hover will nicht. Bei mir. Bei Andreas schon.

Ach, ich wusste gar nicht, dass das auch für ESR-Versionen gilt. Na ja, Unternehmen haben etwas andere Anforderungen. Nach den Screenshots kannst du nicht unbedingt gehen. Screenshots sind zusätzliche Arbeit zum Übersetzen von Artikeln. Die letzte Änderung am Artikel ist vom 3. Juli.

In der ESR und in der finalen normalen Version funktioniert das auch nicht. Es ist möglich, dass es die Einstellung dort noch gibt, sie ist aber in finalen Versionen unwirksam. Seit Jahren kannst du den Schalter nur noch in Firefox Developer und in Nightlies nutzen, genauer, seit Einführung der Signierung. Das war noch vor der Einführung der Webextensions.

Ohne Signatur kann man im Nightly und in Firefox Developer testen, indem man die Einstellung xpinstall.signatures.required in about:config auf false setzt. Für dauerhaft musst du die veränderte Version bei AMO signieren lassen.

Seltsam. Nichts zu machen hier. Ich denke, ich werde das erst einmal überschlafen.

Zitat von 2002Andreas

Wobei die Fx Version egal ist, es geht ja um die Webseite.

Seltsam, dass es bei dir funktioniert und bei mir nicht. Leihe mir bitte mal deine Augen:

@-moz-document domain("youtube.com") {
yt-multi-page-menu-section-renderer.style-scope:nth-child(1) > div:nth-child(2) > ytd-compact-link-renderer:nth-child(5) > a:nth-child(1) > paper-item:nth-child(1) > div:nth-child(1) > yt-icon:nth-child(2) > svg:nth-child(1) {
fill: red !important;
}

yt-multi-page-menu-section-renderer.style-scope:nth-child(1) > div:nth-child(2) > ytd-compact-link-renderer:nth-child(5) > a:nth-child(1) > paper-item:nth-child(1) > yt-formatted-string:nth-child(2) {
color: red !important;
}

yt-multi-page-menu-section-renderer.style-scope:nth-child(1) > div:nth-child(2) > ytd-compact-link-renderer:nth-child(5) > a:nth-child(1) > paper-item:nth-child(1) > yt-formatted-string:nth-child(2):hover {
color: blue !important;
}
}

2002Andreas: Es ging BrokenHeart darum, den vorhandenen Text zu ersetzen und nicht den vorhandenen Text zu gestalten. Wie Sören schon schrieb, kann man keinen Inhalt ändern.

Auch in Fx 70 funktioniert die Hover-Regel bei mir nicht.

Danke Andreas, aber genau diese Regel funktioniert bei mir nicht, ich bin allerdings hier im Nightly. Die normale Regel funktioniert, aber einfach :hover hinzufügen - Pustekuchen.