Scrollbar.uc.js funktioniert hier im Nightly nicht mehr

2002Andreas

Hallo @ all.

Dieses Skript für eine farbige Scrollbar funktioniert hier in der aktuellen Nightly Version nicht mehr.

JavaScript

"use strict";

/* ***********************************************************************************************

 README
 
 Aktivieren einer Einstellung > var ... auf 'true' setzen
 Deaktivieren einer Einstellung > var ... auf 'false' setzen
 Anpassungen vornehmen > Aendern von Werten
 - Farbe - Name: red, blue, transparent / Hexcode: #33CCFF, #FFF
 - Farbe - rgb(a): rgba(0,0,255,0.8) / hsl(a): hsla(240,100%,50%,0.8) // a = Sichtbarkeit
 - Zahlen: 1, 2, 3 ... 10, 11, 12 ...
 - Sichtbarkeit (in Dezimalzahlen): 0.0 bis 1.0 e.g. 1.4, 1,75
 - Farbverlaeufe: linear-gradient(Richtung, Farbe, Farbe, Farbe)
 - Beispiel: linear-gradient(to right, blue, #33CCFF, rgba(0,0,255,0.8))
 
 - Beispiel 2:
    Farbverlauf von links nach rechts - tranparent -> weiss mit 50%er Sichtbarkeit -> tranparent
    linear-gradient(to right,transparent,rgba(255,255,255,0.5),transparent)
 
 Info
 - Zu kleine Breitenwerte werden sich negativ auf einige Oberflaechenelemente auswirken (z.B. auf Menuelisten)!
 
*********************************************************************************************** */

// Allgemeine Einstellungen

// Scrollbars ausblenden
var hide_scrollbars = false; /* Standard = false */
// Schaltflächen ausblenden
var hide_scrollbar_buttons = false; /* Standard = false */
// benutzerdefinierte Breite
var custom_scrollbar_width = true; /* Standard = false */
var custom_scrollbar_width_value = 13; /* 10-? // Standard = 17 (in px) */
// benutzerdefinierte Sichtbarkeit
var custom_scrollbar_opacity = true; /* Standard = false */
var custom_opacity_value = "0.9"; /* Standard = 1.0 */
// "schwebende" Scrollbars / Scrollbars über dem Webinhalt 
var enable_floating_scrollbars = false; /* Standard = false */
// benutzerdefinierte Scrollbars
var enable_custom_scrollbars = true;
// benutzerdefinierte Hintergrundfarbe bzw. benutzerdefinierter Hintergrundverlauf
var cs_background_color = "#CCCCCC"; /* Standard = #CCCCCC / Transparenter Hintergrund = transparent */
var cs_background_image = "linear-gradient(to right,transparent,rgba(255,255,255,0.5),transparent)"; /* Standard = none */
// benutzerdefinierte Schiebereglerfarbe bzw. benutzerdefinierter Schiebereglerfarbverlauf
var cs_thumb_color = "#33CCFF"; /* Standard = #33CCFF */
var cs_thumb_image = "(to right,transparent,rgba(255,0,0,0.9),transparent)"; /* Standard = unset */
// benutzerdefinierte Schiebereglerfarbe (hover/ueber) bzw. benutzerdefinierter Schiebereglerfarbverlauf
var cs_thumb_hover_color = "red"; /* Standard = #66FFFF */
var cs_thumb_hover_image = "rgba(255,0,0)"; /* Standard = unset */
// benutzerdefinierte Schiebereglerrundung
var cs_thumb_roundness = 0; /* Standard = 0 (in px) */
// benutzerdefinierte Schiebereglerrandbreite
var cs_thumb_border = 1; /* Standard = 0 (in px) */
// benutzerdefinierte Schiebereglerrandfarbe
var cs_thumb_border_color = "#33CCFF"; /* default ##33CCFF */
// benutzerdefinierte Schaltflaechenfarbe bzw. benutzerdefinierter Schaltflaechenfarbverlauf
var cs_buttons_color = "lightgrey"; /* Standard = #000000 */
var cs_buttons_image = "linear-gradient(to right,transparent,rgba(255,255,255,0.5),transparent)"; /* Standard = unset */
// benutzerdefinierte Schaltflaechenfarbe (hover/ueber) bzw. benutzerdefinierter Schaltflaechenfarbverlauf
var cs_buttons_hover_color = "#000066"; /* Standard = #000066 */
var cs_buttons_hover_image = "linear-gradient(to right,transparent,rgba(255,255,255,0.5),transparent)"; /* Standard = unset */
// benutzerdefinierte Schaltflächenrundung
var cs_buttons_roundness = 0; /* Standard = 0 (in px) */


/* ******************************************************************************************** */
/* ******************************************************************************************** */
/* ******************************************************************************************** */


Components.utils.import("resource://gre/modules/Services.jsm");
var ss =  Components.classes["@mozilla.org/content/style-sheet-service;1"].getService(Components.interfaces.nsIStyleSheetService);

var custom_scrollbars = {

  init: function() {

  var uri = Services.io.newURI("data:text/css;charset=utf-8," + encodeURIComponent('\
    \
    @namespace html url("http://www.w3.org/1999/xhtml");\
    \
    scrollbar, scrollcorner {\
      -moz-appearance: none !important;\
      background-color: '+cs_background_color+' !important; \
      background-image: '+cs_background_image+' !important; \
    }\
    scrollbar thumb {\
      -moz-appearance: none !important;\
      background-color: '+cs_thumb_color+' !important;\
      background-image: '+cs_thumb_image+' !important;\
      border-radius: '+cs_thumb_roundness+'px !important;\
      border: '+cs_thumb_border+'px solid '+cs_thumb_border_color+' !important; \
    }\
    scrollbar thumb:hover, scrollbar thumb:active {\
      -moz-appearance: none !important;\
      background-color: '+cs_thumb_hover_color+' !important;\
      background-image: '+cs_thumb_hover_image+' !important;\
    }\
    scrollbar scrollbarbutton {\
      -moz-appearance: none !important;\
      background-color: '+cs_buttons_color+' !important;\
      background-image: '+cs_buttons_image+' !important;\
      border-radius: '+cs_buttons_roundness+'px !important;\
    }\
    scrollbar scrollbarbutton:hover {\
      -moz-appearance: none !important;\
      background-color: '+cs_buttons_hover_color+' !important;\
      background-image: '+cs_buttons_hover_image+' !important;\
    }\
    \
  '), null, null);

  ss.loadAndRegisterSheet(uri, ss.AGENT_SHEET);

  }
};

var scrollbar_buttons = {

  init: function() {

  var uri = Services.io.newURI("data:text/css;charset=utf-8," + encodeURIComponent('\
    \
    @namespace html url("http://www.w3.org/1999/xhtml");\
    \
    scrollbar scrollbarbutton {\
      opacity: 0 !important;\
    }\
    scrollbar[orient="vertical"] scrollbarbutton {\
      min-height: 1px !important;\
      height: 1px !important;\
      max-height: 1px !important;\
    }\
    scrollbar[orient="horizontal"] scrollbarbutton {\
      min-width: 1px !important;\
      width: 1px !important;\
      max-width: 1px !important;\
    }\
    \
  '), null, null);

  ss.loadAndRegisterSheet(uri, ss.AGENT_SHEET);

  }
};

var scrollbar_width = {

  init: function() {

  var uri = Services.io.newURI("data:text/css;charset=utf-8," + encodeURIComponent('\
    \
    @namespace html url("http://www.w3.org/1999/xhtml");\
    \
    scrollbar[orient="vertical"] scrollbarbutton {\
      min-width: 0 !important;\
      width: '+custom_scrollbar_width_value+'px !important;\
      max-width: '+custom_scrollbar_width_value+'px !important;\
    }\
    scrollbar[orient="horizontal"] scrollbarbutton {\
      min-height: 0 !important;\
      height: '+custom_scrollbar_width_value+'px !important;\
      max-height: '+custom_scrollbar_width_value+'px !important;\
    }\
    \
  '), null, null);

  ss.loadAndRegisterSheet(uri, ss.AGENT_SHEET);

  }
};

var floating_scrollbars = {

  init: function() {

  var uri = Services.io.newURI("data:text/css;charset=utf-8," + encodeURIComponent('\
    \
    @namespace html url("http://www.w3.org/1999/xhtml");\
    \
    scrollbar {\
      position: relative !important;\
      z-index: 1000000000 !important;\
    }\
    scrollbar, scrollcorner {\
      background-color: transparent !important; \
      background-image: unset !important; \
    }\
    scrollbar[orient="vertical"] {\
      -moz-margin-start: -'+custom_scrollbar_width_value+'px !important;\
      width: '+custom_scrollbar_width_value+'px !important;\
    }\
    scrollbar[orient="horizontal"] {\
      margin-top: -'+custom_scrollbar_width_value+'px !important;\
      height: '+custom_scrollbar_width_value+'px !important;\
    }\
    \
  '), null, null);

  ss.loadAndRegisterSheet(uri, ss.AGENT_SHEET);

  }
};

var scrollbar_opacity = {

  init: function() {

  var uri = Services.io.newURI("data:text/css;charset=utf-8," + encodeURIComponent('\
    \
    @namespace html url("http://www.w3.org/1999/xhtml");\
    \
    scrollbar {\
      opacity: '+custom_opacity_value+' !important;\
    }\
    \
  '), null, null);

  ss.loadAndRegisterSheet(uri, ss.AGENT_SHEET);

  }
};

var remove_scrollbars = {

  init: function() {

  var uri = Services.io.newURI("data:text/css;charset=utf-8," + encodeURIComponent('\
    \
    @namespace html url("http://www.w3.org/1999/xhtml");\
    \
    scrollbar, scrollcorner {\
      display: none !important;\
      visibility: collapse !important;\
    }\
    \
  '), null, null);

  ss.loadAndRegisterSheet(uri, ss.AGENT_SHEET);

  }
};

// oben aktivierte Einstellungen werden hier ausgefuehrt
if(enable_custom_scrollbars==true) custom_scrollbars.init();
if(hide_scrollbar_buttons==true) scrollbar_buttons.init();
if(custom_scrollbar_width==true) scrollbar_width.init();
if(enable_floating_scrollbars==true) floating_scrollbars.init();
if(custom_scrollbar_opacity==true) scrollbar_opacity.init();
if(hide_scrollbars==true) remove_scrollbars.init();

Alles anzeigen

Bei Nutzung davon wird jetzt gar keine Scrollleiste mehr angezeigt.

Kann das jemand bestätigen, bzw. gibt es evtl. sogar eine neuere Version von dem Skript?

Für jegliche Hilfe wie immer herzlichen Dank vorweg.

grisu2099

Zitat von 2002Andreas

bzw. gibt es evtl. sogar eine neuere Version von dem Skript?

Schau mal hier: https://github.com/Aris-t2/Custom…crollbars.uc.js

Hab ich allerdings noch nicht getestet...

2002Andreas

Zitat von grisu2099

Schau mal hier

Danke, das hatte ich auch schon getestet, Fehler blebt auch damit vorhanden.

Es muss auch etwas ganz neues sein, denn vor dem Update von heute ging es noch

grisu2099

Zitat von 2002Andreas

denn vor dem Update von heute ging es noch

Bei mir funktioniert das Skript auch in einem Nightly von gestern schon nicht mehr...

2002Andreas

Zitat von grisu2099

in einem Nightly von gestern schon nicht mehr.

Ich will es jetzt nicht beschwören, zumindest ist es mit heute erst aufgefallen

Naja, eilt ja nicht

Bid 113 zur Release wird dauert es ja noch etwas.

grisu2099

Aufgefallen ist es mir auch jetzt eben erst, als ich deinen Post las.

Aber ich habe hier einen Nightly, der noch auf dem Stand von gestern ist -> ohne Scrollbars...

FuchsFan

Zitat von 2002Andreas

Kann das jemand bestätigen

Funktioniert hier auch nicht mehr.

2002Andreas

Zitat von FuchsFan

Funktioniert hier auch nicht mehr.

Danke für die Bestätigung

Zitat von grisu2099

Bei mir funktioniert das Skript auch in einem Nightly von gestern schon nicht mehr.

Und natürlich auch dir danke dafür.

Sören Hentzschel

Keine Ahnung bezüglich einer Lösung, auf macOS funktionierte das noch nie. Aber dass das auf Windows seit dem 28.3. nicht mehr funktioniert, ist eine Folge dessen, dass Firefox auch hierfür kein XUL mehr nutzt:

1824236 - Stop using XUL layout for scrollbars.

RESOLVED (emilio) in Core - Layout: Scrolling and Overflow. Last updated 2023-03-27.

bugzilla.mozilla.org

2002Andreas

Zitat von Sören Hentzschel

dass Firefox auch hierfür kein XUL mehr nutzt:

Hallo Sören, auch dir danke für deine Unterstützung

Dann warten wir mal ab, ob jemand das Skript wieder anpassen kann.

milupo

Ich habe das Skript ebenfalls und gestern ist mir aufgefallen, dass ich im Fenster vom Wetterfuchs nicht mehr richtig scrollen kann. Oben ist ein Anzeigebereich, dessen Inhalt ich ausgeblendet habe. Die Scrollleiste ist da, wenn ich sie aber bewege, zieht es diesen Anzeigebereich runter über den Inhalt des Fensters.

Endor

Ich verwende es auch und auch hier geht es schon seit gestern nicht mehr.

Neuste Version von Aris ändert auch hier nichts daran.
Vielleicht sollten wir Aris mal darauf aufmerksam machen?

Mfg.
Endor

2002Andreas

Zitat von Endor

Vielleicht sollten wir Aris mal darauf aufmerksam machen?

Hallo Endor.

Hast du die Möglichkeit dazu?

2002Andreas

Aris hat auf Bitte gleich ein Update bereitgestellt

CustomJSforFx/custom_scrollbars_WIP_Fx113p.uc.js at master · Aris-t2/CustomJSforFx

custom scripts. Contribute to Aris-t2/CustomJSforFx development by creating an account on GitHub.

github.com

Herzlichen Dank dafür

Sören Hentzschel

Ergänzend: Wie in der neuen Version vermerkt, funktionieren einige der Optionen nicht. Nicht funktionierende Optionen würde ich ehrlich gesagt komplett entfernen. Das macht's dann auch in der Wartung einfacher als wenn das Script durch Dinge aufgebläht wird, die nichts bewirken.

Boersenfeger

.. auch mal gleich abgegriffen, danke fürs Verlinken

2002Andreas

Zitat von Boersenfeger

danke fürs Verlinken

Gehört dazu

Zitat von Sören Hentzschel

komplett entfernen.

Hallo Sören, danke, ich werde mir das mal genauer ansehen und es dann entfernen.

2002Andreas

Nur als Hinweis.

Das Skript funktioniert auch schon in der aktuellen Release Version 111.

ArisCTR

Zitat von Sören Hentzschel

Ergänzend: Wie in der neuen Version vermerkt, funktionieren einige der Optionen nicht. Nicht funktionierende Optionen würde ich ehrlich gesagt komplett entfernen. Das macht's dann auch in der Wartung einfacher als wenn das Script durch Dinge aufgebläht wird, die nichts bewirken.

Die "bereinigte Version" ist jetzt auch online.

https://github.com/Aris-t2/Custom…crollbars.uc.js

Die vorherige Datei war noch als WIP markiert, da ich da noch einige Tests durchführen wollte, bevor der nicht funktionierende Code entfernt wird.

Die "alte" Version gibt es hier:

CustomJSforFx/custom_scrollbars_fx112.uc.js at master · Aris-t2/CustomJSforFx

custom scripts. Contribute to Aris-t2/CustomJSforFx development by creating an account on GitHub.

github.com

grisu2099

ArisCTR :

Siehst du eine Chance, die Scrollbuttons noch wieder anpaßbar zu machen?

Scrollbar.uc.js funktioniert hier im Nightly nicht mehr

Ähnliche Themen

browser.warnOnQuit Skript funktioniert im aktuellem Nightly nicht mehr

Seit kurzem arbeitet die Erweiterung Default Bookmark Folder im Nightly nicht mehr wie bisher gewohnt

Vor und Zurück Schaltfläche CSS funktioniert nicht mehr richtig

Alle Tabs als Lesezeichen funktioniert nicht mehr

Skript für Bottom-Toolbar funktioniert im aktuellem Nightly nicht mehr

Script für vertikale Toolbar funktioniert in der Nightly nicht mehr