Scrollbar.uc.js Skript die Hg Farbe ändern

  • Auch von mir ein dickes Danke an Aris.

    Leider habe ich ein selbst erschaffenes Problem mit diesem Skript.

    Nach einigen kleineren Anpassungen, ich habe eigene Pfeile für die Buttons definiert,

    schaffe ich es einfach nicht, die Hintergrundfarbe eben dieser Buttons zu definieren!

    Ob bitte mal jemand sich das Skript anschauen könnte?

    Ich bin etwas am Verzweifeln.

    Mit <3lichem Gruß

    Mira

  • Sollte dieses Skript fehlerfrei sein, wäre das Thema vorerst erledigt!

    Daher bitte ich um Überprüfung und auch ob es unter den Nightly-Versionen 112 sowie 113 anstandslos läuft.

    Zum Testen werden auch die Vektorgraviken benötigt, da sie farbig sind!

    Symbole.zip

    Ich bedanke mich schon ein Mal im Voraus.

    Mit <3lichem Gruß

    Mira

  • Hallo Mira_Belle.

    Habe Dein Script hier in Firefox 113 Nightly getestet.

    Funktioniert hier einwandfrei. Alles bestens.
    Edit: Doch nicht so ganz. Siehe:

    RE: Scrollbar.uc.js Skript die Hg Farbe ändern
    Auch am Code konnte ich keine Fehler erkennen.

    Scrollbars usw. sehen übrigens toll aus!!!

    Mfg.
    Endor

    Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:127.0) Gecko/20100101 Firefox/127.0
    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!

    Einmal editiert, zuletzt von Endor (5. April 2023 um 19:25)

  • Hallo Mira_Belle.

    Habe Dein Script hier in Firefox 113 Nightly getestet.

    Funktioniert hier einwandfrei. Alles bestens....

    Schließe mich an und habe das Script adoptiert :P Dankeschön!

    Ich nutze den Fuchs mit 110 % und ändere da nix, ansonsten kann ich die Erscheinung bestätigen.

  • Eigentlich hier auch, aber trotzdem muss ich feststellen, dass bei erhöhtem Zoom es dann so aussieht (hier mal 300%). Oder ist das beabsichtigt?

    Ja das muss ich leider auch bestätigen.

    Sieht hier aus wie bei FuchsFan.


    Mfg.
    Endor

    Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:127.0) Gecko/20100101 Firefox/127.0
    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!

  • Ja das muss ich leider auch bestätigen.

    Da fehlt was im Code, Zeile 3 + 4

    CSS
         scrollbar[orient="vertical"] > scrollbarbutton[type="decrement"] {
            background-image: url("${ProfileDirectory}/Pfeil-hoch_hellgrau.svg") !important;
            background-repeat: no-repeat !important;
            background-position: center !important;
       }

    und das für alle 4 Grafiken.

    300%

    50%

  • Hallo 2002Andreas

    Ja damit wird nur noch ein Symbol angezeigt egal welche Vergrößerung.
    Aber das Pfeilsymbol wird verschoben beim Vergrößern. Das obere weiter nach unten
    das untere weiter nach oben.
    Außer man setzt in den Firefox Einstellungen den Haken bei
    Nur Text zoomen

    Dann passt es hier.

    Mfg.
    Endor

    Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:127.0) Gecko/20100101 Firefox/127.0
    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!

  • 2002Andreas

    Könnte man hier
    background-position: center !important;

    noch einen weiteren Wert hinzufügen?

    Je nachdem top oder bottom usw.
    Lese gerade hier:
    https://developer.mozilla.org/en-US/docs/Web…ground-position

    Mfg.
    Endor


    Hallo 2002Andreas.

    Ich habe es hier jetzt so gemacht, dann funktioniert es:

    Was meinst Du dazu?

    Mfg.
    Endor

    Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:127.0) Gecko/20100101 Firefox/127.0
    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!

    Einmal editiert, zuletzt von Endor (5. April 2023 um 20:01) aus folgendem Grund: Ein Beitrag von Endor mit diesem Beitrag zusammengefügt.

  • Eijajeijei.

    Erst einmal Danke für's Testen.

    Da ist mir beim Anpassen des Code ein Fauxpas passiert,

    da habe ich doch glatt wichtigen Code vergessen oder versehentlich gelöscht!

    Fürgt doch bitte mal in Zeile 182 vor das /* hover */

    JavaScript
          scrollbarbutton[type="increment"],
          scrollbar[orient="vertical"] scrollbarbutton[type="decrement"],
          scrollbarbutton[type="increment"],
          scrollbar[orient="horizontal"] scrollbarbutton[type="decrement"] {
            background-repeat: no-repeat;
            background-position: center;
          }

    ein.

    Dann ist der Fehler mit den doppelten Pfeilen beim Verkleinern,

    bzw. mit den Untereinandergereiten beim Vergrößern behoben.

    Sollte zumindest.

    Endor

    Das mit den fixen Positionen werde ich mal testen und schauen, was es bewirkt.

    Oben => top, Unten => bottom, links, rechts wahrscheinlich dann left and right.

    Zu dem verschwundenen Thumb.

    Das habe ich aus Aris altem Skript!

    Wer mit so schmalem Fenter hin und wieder arbeitet,

    sollt die Variable in Zeile 58 von 200 eben auf den Devaultwert ändern.

    Denke Aris hat diesen Wert wohl mit Absicht so festgelegt, noch kleiner macht wohl keinen Sinn.

    Hatt jemand noch ungereimtheiten festgestellt, die ich verbessern muss?

    Dann stelle ichhier noch einmal das korrigierte Javaskript,

    also mit dem fehlenden Code und devault thumb_minimal_size = 12, ein.

    Bitte noch ein mal prüfen.

    Mit <3lichem Gruß

    Mira

    2 Mal editiert, zuletzt von Mira_Belle (5. April 2023 um 22:50)

  • Gerade das mit den fixen Positionen getestet.

    Habe keinen Unterschied festgestellt zu der "Center"-Lösung.

    Da ich finde, dass das die einfachere Lösung ist, habe ich den Code

    für die fixen Positionen wieder verworfen, aber es funktioniert!

    Muss ich mir merken und habe den Link auch abgespeichert.

    Dass die Scrollbar inkl. Symbole beim Vergrößern und/oder verkleinern ebenfalls

    sich mit verändert, stört mich auch, aber irgendwo wurde es erklärt und es lässt sich wohl nicht verhindern.


    PS:

    Wer diese oder auch andere Symbole gerne in Farbig hätte, bitte per PN eine Anfrage stellen.

    Mit <3lichem Gruß

    Mira

  • Könnte man hier
    background-position: center !important;


    noch einen weiteren Wert hinzufügen?

    Je nachdem top oder bottom usw.

    Ja, könnte man. Siehe auf der von dir verlinkten MDN-Seite:

    2-value syntax: one value defines X and the other defines Y. Each value may be:

    • One of the keyword values top, left, bottom, right. If left or right are given here, then this defines X and the other given value defines Y. If top or bottom are given, then this defines Y and the other value defines X.
    • […]
    • Note that: If one value is top or bottom, then the other value may not be top or bottom. If one value is left or right, then the other value may not be left or right. This means, e.g., that top top and left right are not valid.

    (Es gibt noch weitere Listenpunkte.)

  • Wenn ich das richtig verstanden habe, kann man also oben links, oder rechts, aber auch unten links, oder rechts definieren!

    Also z.B. background-position: top left; auch background-position: bottom left;

    Nur könnte mir jemand erklären, welchen Sinn das hier mit den Pfeilen machen würde?

    Ich kann den nämlich nicht entdecken.

    Mit <3lichem Gruß

    Mira

  • Bitte noch ein mal prüfen.

    Das Skript funktioniert nicht in den Browser-Werkzeugen.

    In den Entwickler-Werkzeugen bzw. dem Browser hingegen schon.

    ...

    Ja, das ist beim "alten" Skript von Aris auch schon so gewesen,

    und war (ist) mein Problem gewesen, an die Symbole (in Aris neuem Skript) zu kommen.

    Daher habe ich den Weg genommen, die Vektorgrafiken direkt bunt zu machen.

    Mit <3lichem Gruß

    Mira

    Einmal editiert, zuletzt von Mira_Belle (6. April 2023 um 16:11)