Anpassen des Bibliothek-Fensters

  • Ich denke, meine Frage passt hier dazu,

    wenn nicht, bitte abspalten.

    In dem besagten Fenster sind markierte Einträge gelb gepunktet umrandet.

    Leider kann ich die dazu gehörenden Einträge nicht finden.

    Wäre jemand so nett und würde mir dabei behilflich sein?

    Alles andere habe ich nach meinem Geschmack ja schon angepasst.

    Gruß

    Mira

    Mit <3lichem Gruß

    Mira

  • Teste bitte:

    CSS
    :root {
      --default-focusring-width: 0 !important;
    }

    Ja, klappt, die Punkte sind weg. Danke. ;(

    Wollte aber doch ...

    einen Rahmen daraus machen, oder was anderes, oder einfach damit etwas spielen.

    Muss doch sowas wie 1px dotted Farbe geben.

    Hätt' ich wohl etwas genauer beschreiben sollen.

    Guß

    Mira


    Nachtrag

    Habe mal etwas gephotoshopt! Was en blödes Wort.

    In so etwa könnte ich mir die Sache vorstellen, wenn ich es mithilfe hinbekomme.

    Ach, die Ecken!

    Auch die nicht aktiven Markierungen sollten nicht über die gesamte Breite gehen und abgerundet sein.

    Geht das überhaupt?

    Wie komme ich an diese Einträge?

    Mit <3lichem Gruß

    Mira

    2 Mal editiert, zuletzt von Mira_Belle (18. Juli 2022 um 10:12)

  • Als Info, weil das vermutlich die wenigsten wissen:

    Die OMNI.JA ist nicht einfach nur eine gepackte Datei vom Typ ZIP, die ist hochoptimiert gepackt, damit Firefox entsprechend schneller lädt. Wer die verändert, mindert die Performance, messbar. Ausserdem kann Firefox dann keine inkrementellen Updates (MAR) laden, sondern lädt ständig das volle Paket. Ist das gleiche wie die Änderung des Icons von der Firefox.EXE. Firefox bemerkt solche Änderungen. Ganz unausgereifte Idee.

    Wenn du weinen möchtest, bist du falsch hier. Hier gibt es nur Lösungen!
    Oh Herr, wirf Hirn, oder Steine - Hauptsache, du triffst endlich.
    Zu viele Goofies und Dulleks vom Dienst. Schlabokka!

  • Mit ...

    CSS
        :root {
            --default-focusring-width: 1px !important;
            --default-focusring: var(--default-focusring-width) dotted !important;
    
    }

    ... kann ich sowohl die "Dicke" als auch ob gestrichelt, gepunktet oder durchgehen gezeichnet wird beeinflussen!

    Ja, kann man in eine Zeile zusammenfassen. ;)

    Mit --default-focusring: none !important; unterdrückt man ganz das Anzeigen

    Ich finde aber leider keine Möglichkeit, meine oben genannten Vorstellungen umzusetzen.

    Gruß

    Mira

    Mit <3lichem Gruß

    Mira

  • Teste mal:

    CSS
    :root {
            --default-focusring-width: 1px !important;
            --default-focusring: var(--default-focusring-width) solid !important; border-radius: 24px 1px !important;
    }

    Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:109.0) Gecko/20100101 Firefox/124.0.2
    OS: Windows 10 pro 64 bit und Windows 10 Home 64 bit
    Meine Scripte Sammlung: https://github.com/Endor8/userChrome.js
    Kein Support per PN. Fragen bitte im Forum stellen!

  • Ich habe mal einen eigenen Thread daraus gemacht, es geht ja nicht um das Download-Fenster.

    Danke, Andreas.

    Teste mal:

    CSS
    :root {
            --default-focusring-width: 1px !important;
            --default-focusring: var(--default-focusring-width) solid !important; border-radius: 24px 1px !important;
    }

    Danke Endor.

    Auf diese Idee und noch viele mehr bin ich auch schon gekommen, meist haben diese auch etwas bewirkt,

    doch immer nicht das erwünschte!

    So z.B. verschwindet bei mir z.B. die Titelleiste samt Buttons,

    sodass ich nur noch über die Taskleiste das Fenster schließen kann.

    Gruß

    Mira

    Da ich keine Bezeichnungen für die gesuchten Elemente finden konnte,

    gehe ich mal davon aus, dass meine Ideen so ohne weiteren nicht realisierbar sind.

    Wenn es dennoch jemand schafft, wäre ich echt happy.

    Mit <3lichem Gruß

    Mira

  • Wenn es dennoch jemand schafft

    Meinst du das so?

    Wenn ja, dann teste bitte.

    Farbe etc. musst du dir anpassen.

    CSS
    @-moz-document url-prefix("chrome://browser/content/places/places.xhtml") {
    
    treechildren::-moz-tree-row(selected, current, focus) {
      --default-focusring: 5px solid !important;
      outline-color: red !important;
      margin-left: 4px !important;
      margin-right: 4px !important;
    }
    }
  • Meinst du das so?

    Wenn ja, dann teste bitte.

    Farbe etc. musst du dir anpassen.

    CSS
    @-moz-document url-prefix("chrome://browser/content/places/places.xhtml") {
    
    treechildren::-moz-tree-row(selected, current, focus) {
      --default-focusring: 5px solid !important;
      outline-color: red !important;
      margin-left: 4px !important;
      margin-right: 4px !important;
    }
    }

    Das schaut doch ganz gut aus!! Danke.

    Testen kann ich es aber erst heut Nacht.

    Und ist die Bezeichnung, die gleiche wie für "vorne" im Baum (Auswahlfeld) ?

    Habe gerade mal oben geschaut, könnte sein! treechildren

    Werde berichten.

    Gruß

    Mira

    Mit <3lichem Gruß

    Mira

  • wie für "vorne" im Baum

    Das kannst du auch unterschiedlich machen:

  • Danke Andreas.

    Nutze diesen Code:

    Ist zwar nicht so, wie ich es mir vorgestellt habe, aber immer noch besser, asl der original Zustand.

    Habe mal mit

    #placesList treechildren::-moz-tree-row(selected, current, focus):hover 
    und
    #placesList treechildren::-moz-tree-row:hover
    herumexperimentiert, brachte nur nichts!

    Würde gerne auch beim Hovern das Feld etwas eingrenzen

    CSS
    #placesList treechildren::-moz-tree-row:hover {
      margin-left: 2px !important;
      margin-right: 2px !important;
    }

    funktioniert nicht!

    Gruß
    Mira

    Mit <3lichem Gruß

    Mira

  • Ausprobieren und etwas spielen,

    und schon klappt es. :D

    Dieser Code bringt den gewünschten Effekt.

    Wenn jetzt noch die Kanten gerundet wären, ...

    Aber das geht nicht mit outline

    So ist es aber fast perfekt und alle mal viel, viel besser als im Original.

    Gruß

    Mira

    Nachtrag!!

    Ich werd' verückt 8o :S

    Einfach mal border-radius: 6px !important; eingefügt!

    :huh: Es geht :!:

    Mit <3lichem Gruß

    Mira

  • CSS
    #placesList treechildren::-moz-tree-row(hover) {
       margin-left: 2px !important;
       margin-right: 2px !important;
       border-radius: 6px !important;
    }

    Vielen, vielen Dank <3 Andreas.

    Das funktioniert wunderbar.

    Einen letzten Wunsch noch, wobei ich da auch etwas herumexperimentieren werde.

    Wenn, egal ob im Auswahlfeld oder im ? placeContent ein Eintrag NICHT mehr "aktiv" ist,

    wenn man also z.B. erst "Chronik" und dann im placeContent z.B. "Heute" aus gewählt hat,

    ist "Chronik" zwar noch markiert, aber eben eckig.

    Gleiches gilt, wenn ich nun wieder "Chronik" klicke, dann ist "Heute" noch markiert,

    aber eben auch eckig.

    Gruß

    Mira

    Nachtrag :!:

    Gefunden :D

    Es ist:

    CSS
    #placesList treechildren::-moz-tree-row(selected) {
        border-radius: 6px !important;
    }

    und

    CSS
    #placeContent treechildren::-moz-tree-row(selected) {
        border-radius: 6px !important;
    }

    Damit ist das Thema "Anpassen des Bibliothek-Fensters" auch abgehakt.

    Mit <3lichem Gruß

    Mira

    Einmal editiert, zuletzt von Mira_Belle (20. Juli 2022 um 11:41)

  • Hier nun der komplette Code.

    Die von mir eingefügten Kommentare sind jetzt nicht so das Gelbe vom Ei,

    aber besser als nix.


    Meinst du das so?

    Wenn ja, dann teste bitte:

    CSS
    #placesList treechildren::-moz-tree-row(current) {
     border-radius: 16px !important;
    }

    Oh, so geht das auch? Ja, so meinte ich es.

    Was ist nun "besser", selected (ausgewählt) oder current (aktuell) :?:

    :/ Wenn es mit beidem geht, ist aber current (aktuell) wohl treffender (bezeichender), oder?

    Gruß

    Mira

    Mit <3lichem Gruß

    Mira

    3 Mal editiert, zuletzt von Mira_Belle (20. Juli 2022 um 13:16) aus folgendem Grund: Ein Beitrag von Mira_Belle mit diesem Beitrag zusammengefügt.

  • Mira_Belle 20. Juli 2022 um 13:08

    Hat den Titel des Themas von „Bibliothek Rahmen ändern“ zu „Anpassen des Bibliothek-Fensters“ geändert.
  • Einen schönen Sonntag wünsche ich !

    Weil ich nicht weiter komme, so hake ich hier mal nach. Wie kann ich in der Bibliothek (auch bei Downloads) links ein eigenes Ordnericon einfügen, und wie verschiebe ich den Text bei Schlagwörter und Adresse weiter nach rechts?

    Grüße vom FuchsFan

  • Für die Ordner habe ich einen Weg gefunden, bleibt nur noch die Verlagerung des Textes. :/

    Eigenes Icon für Ordner:

    CSS
    @-moz-document url("chrome://browser/content/places/places.xhtml") {
        
        treechildren::-moz-tree-image(title, container),
        treechildren::-moz-tree-image(title, query, hostContainer) {
            list-style-image: url("icons/green.png")  !important;
        }
        }

    Grüße vom FuchsFan