Drag and Drop in der Ordner-Liste

    In Betterbird (bei mir: 115.12.0-bb29 (64-Bit)) ist es ja möglich, die Reihenfolge der Ordner per D&D zu ändern. Bei einem derartigen Vorgang wird die Zielposition mit einer horizontalen Linie zwischen den Ordner, in die eingefügt werden soll, angezeigt. Diese Linie ist bei mir schlecht zu erkennen und ich möchte sie über einen code in der userChrome.css gern dunkler einfärben. Welcher code ist dafür erforderlich? - Einen screenshot kann ich leider nicht liefern, weil ich nicht genügend Finger gefunden habe, während des Vorgangs auch noch einen solchen auszulösen.

    Herzlichen Dank für Vorschläge im Voraus.

    Heiner

    Dann kann es eigentlich nur noch ein Fehler beim Kopieren des Codes sein.


    Hast Du eventuell den Code-Schnipsel am Ende der userChrome.css eingefügt, hinter der den vorherigen Teil abschließenden geschweiften Klammer (Zeilen 4 und 5)?

    Beispiel:

    CSS
       /*   Postausgang   */
            #folderTree li[data-folder-type="outbox"] > .container > .icon {
            background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAADBklEQVQ4jZ3PW0xbBRjA8ZOYmPiuPpi4aHQvZok3ImYKi87FZIkz8cG5mMw9dEImG2xOWPGhgoKCOsa2ziwT7Lh14hgD6UhLOR4K0iO0XHuFAxQq5VIuLRR6Od3+PpiYGKaJfsn/7ft+yScI/2FuiAM311OpZ/91yWUxbo7YzKpHFlWPLKpeuzXtkUXVNyipZ79vvld06do9ZX5+7z8CSl9Hwm3rYGs7DsB4aJUqq5OjV1vZdeJLhEN5vKWr9va4fYfuCwR+M8U2wkHcAzZaXEEe+tSIcOoqQk4VwgefIxzWIrx9iuPnDb8vRiJP7gBm7G2xeGyVXyeDPFgpIuhu84DWyIvftLKruAbhWBkvaPWhO05Pwf1f6G3Ziq2HaHAv8ai+n1evy/RNzAFQbHJw9Fobg1PzR/521Jb7VKG/Yo/HfyHbo0iNd6PhGW5PhDnQPEan00Wv7CSdvkvX5CKzXif+wX5Pt+FK21+A+eTT9qnKV7BoMvB317G+4GN8KcppUWEyHKHZ2MTyyhoAs0MS+vezGBXvbJzMev4RoeLAw4+5yp5J9BW8jEWTgauplJW5MaKbEX70LXPLt0BLu4nF5ZU/gWEbun272Y5F0ee+e1qoe+/x8nXD68iFWcjn9iPlZ6N01bAwPcLK2ip9yjy1w0EcoQjLm9uUvrabopeeYGqgG5O+8rpgPL7HG6h9h0CThumbZ1FulWLNycSiycCiycCU/ybSZS3mH6qwGKpwmm4QcIgEHCL1Wk1QsJYfjMTtJaiOChi9gO1iLjH/L0SVIaIzbsJeJwvjMnPOHkZM9axJZTBWDa7vULoNcaHrizdCEetHbNk+JmkvZtFUwIQxl0BL3o58jTkw+hW4L4G/lmmpISZI5ftCS+1HWO08xob1Q7Z78kj1nwGHdmdDOhj/GrxXQKlj2tYQFxpPPBe26DJVy2eZKbNub9Jckp20Vh5MSN8eTvbqNQl7TX5ysP5ccvin8pS787I6ITWos3JrOjRqTfc2nk8IP1cX7m/XfzL1f+q4WFTyBwYscCLnazfEAAAAAElFTkSuQmCC") no-repeat !important;
            }
}
:root {
  --folder-drag-indicator-color: red !important;
}

    Wenn das der Fall ist, lösche eine der Klammern und füge sie hinter Deinem Code wieder ein.

    Zitat von Road-Runner

    Dann kann es eigentlich nur noch ein Fehler beim Kopieren des Codes sein.


    CSS
    ...
:root {
  --folder-drag-indicator-color: red !important;
}

    Wenn das der Fall ist, lösche eine der Klammern und füge sie hinter Deinem Code wieder ein.

    Das Ende meiner userChrome.css ist:

    Was könnte ich da ändern?

    Einmal editiert, zuletzt von graba (3. Juli 2024 um 00:23) aus folgendem Grund: Code-Block gesetzt

    Schreib's mal an den Anfang. Vielleicht ist irgendwo ein Syntax-Fehler und der Rest der Datei wird bis zum Ende ignoriert.

    Zitat von jorgk3

    Schreib's mal an den Anfang. Vielleicht ist irgendwo ein Syntax-Fehler und der Rest der Datei wird bis zum Ende ignoriert.

    Das hat es gebracht. Die Linie ist jetzt rot. Vielen Dank für den Tipp. Jetzt muss ich recherchieren - aber das ist hier OT - welcher ungültige code vorhanden ist.

    Viele Grüße Heiner