Zebra in der Bookmarks Sidebar

  • Übrigens, nochmal etwas Erfreuliches: Herzlichen Glückwunsch, Nikolaus2001at, zu deinem ersten zauberhaft gestalteten Code-Kasten. :)

    Übersetzer für Obersorbisch und Niedersorbisch auf pontoon.mozilla.org u.a. für Firefox, Firefox für Android, Firefox für iOS, Firefox Klar/Focus für iOS und Android, Thunderbird, Pootle, Django, LibreOffice, LibreOffice Onlinehilfe, WordPress

  • Du hast es auch mit !important probiert? Und was hat du eigentlich nicht: gar keinen Scrollbalken oder keinen blauen Scrollbalken?

    Ok, es war tatsächlich "nur" das fehlende "important". Hab das nachgetragen und nun hat auch youtube einen blauen Balken.

    Danke dass ihr auch bei einem User der sich blond anstellt nicht gleich die Geduld verliert. :)

  • Du kannst im Prinzip fast immer davon ausgehen, dass es einen Standardwert gibt und du !important angeben musst. Es heißt zwar eigentlich, man sollte es nicht damit übertreiben, aber vielfach lässt es sich nicht vermeiden.

    Übersetzer für Obersorbisch und Niedersorbisch auf pontoon.mozilla.org u.a. für Firefox, Firefox für Android, Firefox für iOS, Firefox Klar/Focus für iOS und Android, Thunderbird, Pootle, Django, LibreOffice, LibreOffice Onlinehilfe, WordPress

  • Also ich sehe schwarz. *wegduck*.

    Übersetzer für Obersorbisch und Niedersorbisch auf pontoon.mozilla.org u.a. für Firefox, Firefox für Android, Firefox für iOS, Firefox Klar/Focus für iOS und Android, Thunderbird, Pootle, Django, LibreOffice, LibreOffice Onlinehilfe, WordPress

  • das elendige "Türkies"

    Das habe ich hier nicht :/

    ...

    Mh. :/
    Es hat definitiv etwas mit dem Theme zu tun!
    Bei dem von mir verwendeten Theme sieht es so aus.
    bzw, so, wenn ich den CSS-Code nutze.



    Bei dem Theme "Dunkel" ist nichts wirklich erkennbar.
    Wahrscheinlich ein dunkler Rand.

    Beim Theme "Hell" bleibt ein heller Rand,
    und bei den allermeisten anderen Themes bleibt halt dieser türkise Rand.

    D.h. das Element .sidebar-placesTreechildren::-moz-tree-cell(selected)

    deckt nicht die gleiche Fläche ab, wie das Element, welches Türkis ist!

    Ich finde aber ums Verrecken nicht den Selektor.

    Mit <3lichem Gruß

    Mira

  • Es hat definitiv etwas mit dem Theme zu tun!
    Bei dem von mir verwendeten Theme sieht es so aus.

    Teste bitte mal die ↓ Variante.

    Es grüßt,

    Ralf

  • Bleibt jetzt nur noch das elendige "Türkies" welches ich ausblenden möchte

    Für die accent-color deckt eigentlich dies hier fast alles ab (muss in userContent und userChrome):

    Dieser Beitrag ist ohne Hilfe einer 'KI' entstanden.

    2 Mal editiert, zuletzt von Mitleser (21. August 2023 um 00:03) aus folgendem Grund: Klammer gelöscht in Zeile 62

  • Teste bitte mal die ↓ Variante.

    CSS
    @-moz-document url("chrome://browser/content/browser.xhtml"), url("chrome://browser/content/places/bookmarksSidebar.xhtml") {
    /* Zebra */
    ...
    }

    Leider keine Änderung, kleine, feine Linien.

    Schade, aber vielen lieben Dank.

    Bleibt jetzt nur noch das elendige "Türkies" welches ich ausblenden möchte

    Für die accent-color deckt eigentlich dies hier fast alles ab (muss in userContent und userChrome):

    Code
    ....

    Genau so, inkl. Fehler, übernommen, türkise Felder, bzw. Linien noch vorhanden.

    Fehler korrigiert, Zeile 54, auch keine Änderung

    und die überflüssige Klammer ganz am Ende, Zeile 62, gelöscht,

    es tut sich nichts.

    Und auch wenn ich in Zeile 1, den * durch :root ersetze,

    bleibt alles, wie es ist.

    Aber auch Dir vielen Dank.

    Da ich die Sidebar sowieso nie nutzen, soll es an dieser Stelle gut sein.

    Die feinen Linien in türkis rauben mir jetzt auch nicht den Verstand.

    Mit <3lichem Gruß

    Mira

  • Da ich die Sidebar sowieso nie nutzen, soll es an dieser Stelle gut sein.

    Aber eine Chance hätte ich gerne noch:

    CSS
    treechildren::-moz-tree-cell-text {
        border: none !important;
        border-color:transparent !important;
        border-style: unset !important;
        outline: none !important;
        text-decoration: none !important;
        text-decoration-line: none !important;
        --default-focusring: 0 !important;
    }

    Dieser Beitrag ist ohne Hilfe einer 'KI' entstanden.

  • Auf dem Mac ist das alles mal wieder etwas anders, aber sowas in der Richtung könntest du noch probieren:

    CSS
    .sidebar-placesTreechildren::-moz-tree-row(selected) {    
       appearance: none !important;
       background: lightblue !important;
       border-color: red !important;
       outline: none !important;
    }  

    Oder sowas:

    CSS
    .sidebar-placesTreechildren::-moz-tree-row(selected) {    
       appearance: none !important;
       background: lightblue !important;
       outline: 1px solid red !important;
       border: none !important;
    }  

    Also -moz-tree-row mal ansprechen statt oder zusätzlich zu der -moz-tree-cell CSS.

    2 Mal editiert, zuletzt von Horstmann (21. August 2023 um 09:05)

  • Horstmann

    Du bist ein :saint: :!:

    CSS
    .sidebar-placesTreechildren::-moz-tree-row(selected) {    
       background: lightblue !important;
    }  

    Genau DAS ist DIE Lösung.

    Ich könnt' Dich :*, jetzt ist es perfekt.

    Hier mal der ganze Code, so wie ich ihn z.Z. verwende.

    Mit <3lichem Gruß

    Mira

    Einmal editiert, zuletzt von Mira_Belle (21. August 2023 um 10:36)

  • türkise Felder, bzw. Linien noch vorhanden.

    Wenn du noch magst, dann teste bitte: