Beiträge von Mira_Belle

Zitat von 2002Andreas

Button vorhanden..aber keine Funktion

Seltsam, sehr seltsam. Funktioniert hier mit dem FF142 bestens!

Komme mir bei der Frage schon etwas dämlich vor, Cache geleert?

Bitte testen. Eventuell das Symbol austauschen.

// Button_PersonalToolbar.uc.js

// PersonalToolbar_ausblenden
// basierend auf den Ideen von BrokenHeart und visoer, Verbesserungen von Horstmann,
// Korrekturen von Sören und Anpassungen von Mira

(function ptbut() {              
    if (location.href !== 'chrome://browser/content/browser.xhtml') return;
       
    let startHeight = '0px';                // '24px' oder '0px' Der Startzustand wird definiert: '24px' startet mit sichtbarer Leiste
    let collapse = '0px';                   // Leiste nicht sichtbar
    let visible = '24px';                   // Leiste sichtbar
    let autoCloseTime = 5000;               // 0 = kein Auto-Close / >0 Zeit in Millisekunden /5000 => 5sec  
    let intervalID = 0;
    let persToolbar = document.getElementById('PersonalToolbar');

    try {
        CustomizableUI.createWidget({
            id: 'PersonalToolbar-button',
            type: 'custom',
            defaultArea: CustomizableUI.AREA_NAVBAR,
                onBuild: function(aDocument) {
                    let toolbaritem = aDocument.createXULElement('toolbarbutton'); 
                    let props = {
                        id: 'PersonalToolbar-button',
                        class: 'toolbarbutton-1 chromeclass-toolbar-additional',
                        removable: true,
                        label: 'Toggle',
                        tooltiptext: 'Lesezeichenleiste ein-/ausblenden',                       
                    };                   
                    for(var p in props)
                        toolbaritem.setAttribute(p, props[p]);
                    return toolbaritem;                 
                }
        });
    } catch(e) { };

    let ProfilePath = PathUtils.toFileURI(PathUtils.join(PathUtils.profileDir, 'chrome', 'icons')); // Pfad zum Profilordner und gleich in den entsprechenden Unterordner
    let ButtonIcon = "bookmark.svg"; // Name & Dateiendung des anzuzeigenden Symbols!
    let sss = Components.classes["@mozilla.org/content/style-sheet-service;1"].getService(Components.interfaces.nsIStyleSheetService);       
    let uri = Services.io.newURI("data:text/css;charset=utf-8," + encodeURIComponent(`
        #PersonalToolbar-button { list-style-image: url("${ProfilePath}/${ButtonIcon}"); }
        #PersonalToolbar-button.toolbarbutton-1.chromeclass-toolbar-additional image.toolbarbutton-icon {
            width: 28px !important;
            height: 28px !important;
            fill: #ffaa00 !important;
            fill-opacity: 1 !important;
            }
        `), null, null);            

    sss.loadAndRegisterSheet(uri, sss.AUTHOR_SHEET);

    //----------BEGINN----------------------
    // Funktion zum Abfragen der Tastatur ("belauscht" Eingaben)
    // Hinweis: Tasten, die anderweitig bereits "abgefangen" werden, ergeben keinen Event
    document.addEventListener('keydown', (event) => {
        let keyName = event.key;
            if (event.altKey && keyName == 'q') {   // Funktion wird ausgeführt, wenn "Alt & q gedrückt werden
                onClick(event,true);

            }
        }, false
    );
    //----------ENDE------------------------ 
    // Anmerkungen und Beispiele am Ende des Scriptes

    document.getElementById('PersonalToolbar').style.minHeight = '0';
    document.getElementById('PersonalToolbar').style.transition = 'all 0.3s steps(6, end)';

    if( startHeight === visible || startHeight === collapse ) {
        document.getElementById('PersonalToolbar').style.height = startHeight;
    }
    else {
        document.getElementById('PersonalToolbar').style.height = visible;
    }
    document.getElementById('PersonalToolbar-button').addEventListener( "click", onClick );

    function onClick(aEvent, keyEvent=false) {

        if(!keyEvent && aEvent.button != 0) {
            return;    
        }
        if (persToolbar.style.height == '') {
                persToolbar.style.height = collapse;
        }
        else if (persToolbar.style.height == visible) {
                persToolbar.style.height = collapse;
        }
        else if(persToolbar.style.height == collapse) {
            persToolbar.style.height = visible;
            if(!intervalID && autoCloseTime) {
                intervalID =  aEvent.target.ownerGlobal.setInterval( autoClose, autoCloseTime ); 
            }
        }
    }

    function autoClose() {
        if( intervalID ) {
            if( persToolbar.style.height == visible) {
                persToolbar.style.height = collapse;
                clearInterval(intervalID); 
                intervalID=0;
            }
        }
    }
})();

// Funktion wird ausgeführt, wenn STRG + Alt + l gedrückt wird
//  if (event.ctrlKey && event.altKey && keyName == 'l') {       

// Funktion wird ausgeführt, wenn STRG + w gedrückt werden
    //if (event.ctrlKey && keyName == 'w') {

Zitat von Horstmann

Nur aus Neugierde: was ist die nötige Änderung(en) von 142 => 143, ist as das [vertical] statt [orient="vertical"] etc. ?

So ist es im wesentlichem.

Was soll ich den noch alles im Header unter bringen?

Skript Version 2.0.6.1

/* Custom Scrollbars for Firefox ********************************************************************************************* */
/* Version: 2.0.6.1 for Firefox 111+ ***************************************************************************************** */
/* ******************************************************************************************************************************

Skript Version 2.0.8

/* Custom Scrollbars for Firefox ********************************************************************************************* */
/* Version: 2.0.8 Final for Firefox 143+ ************************************************************************************* */
/* ******************************************************************************************************************************

Und die Historie ist auch verlinkt.
Das ganze schaut dann so aus =>

"use strict";
/* Firefox userChrome.js tweaks - 'Custom Scrollbars' for Firefox ************************************************************ */
/* Original by Aris (aris-addons@gmx.net)************************************************************************************* */
/* Github: https://github.com/Aris-t2/CustomJSforFx/blob/master/scripts/custom_scrollbars.uc.js
/* *************************************************************************************************************************** */
/* Customized by Mira********************************************************************************************************* */
/* https://www.camp-firefox.de/forum/thema/135133-custom-scrollbars-uc-js-anpassen/ ****************************************** */
/* Scrollbar.v1.0.6.js    https://www.camp-firefox.de/forum/thema/135133/?postID=1207718#post1207718************************** */
/* https://www.camp-firefox.de/forum/thema/136152/?postID=1222989#post1222989************************************************* */
/* Scrollbar.v2.0.2.js    https://www.camp-firefox.de/forum/thema/136167/?postID=1223096#post1223096************************** */
/* Scrollbar.v2.0.3.js    https://www.camp-firefox.de/forum/thema/136167/?postID=1223124#post1223124************************** */
/* Scrollbar.v2.0.5.js    https://www.camp-firefox.de/forum/thema/136167/?postID=1223143#post1223143************************** */
/* Scrollbar.v2.0.6.1.js  https://www.camp-firefox.de/forum/thema/136167/?postID=1223162#post1223162************************** */
/* Scrollbar.v2.0.7.js	  https://www.camp-firefox.de/forum/thema/139766/?postID=1278346#post1278346************************** */
/* Scrollbar.v2.0.8.js	  https://www.camp-firefox.de/forum/thema/139766/?postID=1278349#post1278349************************** */
/* *************************************************************************************************************************** */
/* Custom Scrollbars for Firefox ********************************************************************************************* */
/* Version: 2.0.8 Final for Firefox 143+ ************************************************************************************* */
/* ******************************************************************************************************************************

Eventuell sollte ich doch in deutsch schreiben, ab welcher Firefoxversion das Skript zu nutzen ist.
Denn Version: 2.x.x Final for Firefox 14x+ scheint nicht so eindeutig zu sein.

Zitat von edvoldi

... auch nicht beschwert, ...

So habe ich es auch von niemandem aufgefasst.
Mir geht es nur um eine bessere, unmissverständlichere Kommunikation!

Zitat von Boersenfeger

Allerdings sehe ich die Pfeile in 142.0.1 oben nach links und unten nach rechts zeigend

Äh, steht nich im Skript, dass dieses erst ab Firefox Version 143 funktioniert?
Bzw. ist der Hinweis so missverständlich?
Das ist eine ernst gemeinte Frage!!
Wenn dem so ist, muss ich da was machen!
Bis zum Firefox 142 besteht kein Grund, das Skript zu wechseln!

Zitat von Boersenfeger

bitte vergesst meine beiden PN im Vorfeld auf diesen Post

Zu Spät, habe Dir schon geantwortet. Vergess Du diese PN.

Zitat von Boersenfeger

Wenn ich nun die Scrollbar wieder etwas breiter bekommen könnte, wäre es prima.

Darum werde ich mich noch kümmern, ist machbar!
Aber ich mache jetzt erst einmal nichts mehr und warte auf den Firefox 143!
Mozilla ist ja fleißig am Basteln und es ändert sich des Öfteren was.

1. Firefox 143 oder 144
2. Skript Version 2.0.8_final.
3. Symbol wird angezeigt, aber die Farbwerte werden nicht übernommen
Das Symbol, also der Pfeil, bleibt schwarz.

Zu Deiner Erklärung.

Das kann so aber nicht sein!
Der Firefox 142 hat mit SVG ohne fill-opacity='context-fill-opacity' im Code, absolut keine Probleme.

Diese traten erst mit dem Firefox 143 bzw. 144 auf.

Für ein Cacheproblem spricht, benenne ich die betroffene Datei einfach um, ist das Problem nicht mehr vorhanden!
Dieser Test steht noch mal aus, aber so war es bei mir!

Deshalb vermute ich eben ein Cacheproblem!

Nach ganz viel Recherche im Netz komme ich zu der Überzeugung, dass wenn die Grafiken zwar angezeigt,
aber die definierte Farbe nicht übernehmen, dass das ein Cacheproblem ist!

Wer davon betroffen ist, sollte betreffende SVG's mal umbenennen, einfach eine Zahl anhängen,
z.B. aus up.svg => up_1.svg machen.
Und nicht vergessen, auch im Skript den Aufruf der Symbole ändern.

Wichtig! Unbedingt den Cache leeren.

Speravir Hast Du Dir das schon mal angeschaut?
Hättest Du eine Idee?

Verstehe ich Dich richtig?
Wenn ich z.B. Aris Skript nehme:

<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'>
  <path fill='context-fill' fill-opacity='context-fill-opacity' d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/>
</svg>

und ändere es so :

<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'>
  <path fill='context-fill' fill-opacity='1' d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/>
</svg>

könnte das schon den Fehler beseitigen?

Was mir nur nicht klar dabei ist, warum dann der Fehler nur bei einigen Usern auftritt, aber bei vielen anderen nicht.

Und was würde das für das CSS bedeuten?
Dort könnte ja dann die Zeile mit fill-opacity: 1 !important; gelöscht werden.

Aber das Ganze würde noch nicht erklären, warum das inline-svg ohne Probleme zu machen funktioniert,
da in der ganzen Zeile nicht einmal fill-opacity=xxx auftaucht!

Zitat von Horstmann

Bei der komplizierten Verschachtelung in deinem JS/CSS Monster steig ich da aber nicht durch; die Pfeile kann ich eh nicht sehen, ist aber auch ein Mac Dingens.

Es ist nicht komplizierter als Aris Skript!
Nagut, scheinbar ist es doch komplex.

Aber ich dachte, ich hätte genug Kommentare eingefügt, damit ein jeder es sich seinen Wünschen anpassen kann.
Und die Bezeichnungen der Variabeln sind doch nun auch selbsterklärend, oder etwa nicht?

Zitat von Mitleser

weil der Standartwert im Icon auf fill-opacity = 1 gesetzt wird,

Das erkläre mir anhand der Beispiele, denn ich verstehe Deine Aussage gerade nicht.

Ach und noch etwas Erheiterndes,
das inline-svg funktioniert anstandslos!

Da brat mir doch einer einen Storch.

		scrollbar[vertical] > scrollbarbutton[type="decrement"] {
		  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='${custom_scrollbar_arrows_color}' %3E%3Cpath d='m7.247 4.86-4.796 5.481c-.566.647-.106 1.659.753 1.659h9.592a1 1 0 0 0 .753-1.659l-4.796-5.48a1 1 0 0 0-1.506 0z'/%3E%3C/svg%3E ") !important;
		}

Zitat von Horstmann

Das CSS hat keine Wirkung, wenn im svg code fill-opacity nicht gesetzt ist: fill-opacity="context-fill-opacity".
Wenn nicht gesetzt im svg, sollte fill-opacity im CSS aber eigentlich nur ignoriert werden.

Das kann aber so nicht stimmen.
In Aris Symbolen, ... ach was, ich poste den Code!

<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'>
  <path fill='context-fill' fill-opacity='context-fill-opacity' d='m3.86 8.753 5.482 4.796c.646.566 1.658.106 1.658-.753V3.204a1 1 0 0 0-1.659-.753l-5.48 4.796a1 1 0 0 0 0 1.506z'/>
</svg>

Die Vorschau im Explorer unter W10, den musste ich patchen, damit er überhaupt SVG anzeigen kann, funktioniert nicht.
Auf meinem Rechner macht das aber nichts, die Symbole werden eingebunden und können per CSS eine Farbe zugewiesen bekommen.

Nun zu "meinen" Symbolen!

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="context-fill">
  <path d="m7.247 4.86-4.796 5.481c-.566.647-.106 1.659.753 1.659h9.592a1 1 0 0 0 .753-1.659l-4.796-5.48a1 1 0 0 0-1.506 0z"/>
</svg>

Wie man sehen kann fehlt da der Eintrag fill-opacity='context-fill-opacity'.
Dennoch funktioniert es!
Im Firefox 142 sowie auch im Firefox 144.

Und nun das Kuriose!
Beide SVG-Grafiken funktionieren eben NICHT auf Endors System!

Mitleser

Zitat von Mitleser

Deine .svg-Icons haben kein fill-opacity.

Richtig, aber das wird ja im CSS nachgeholt!

		  background-image: url("${ProfileDirectory}/Chevron-up_orange.svg") !important;
		    -moz-context-properties: fill, fill-opacity;
            fill: ${cs_scrollbar_arrows_hover_color} !important;
            fill-opacity: 1 !important;
		}

Es macht mir kirre, dass es auf dem einen Rechner richtig funktioniert und auf dem anderen nicht!

Was mich noch mehr irritiert, im alten Skript welches für den FF bis 142 war/ist, gab/gibt es dieses Problem nicht!

Erst ab Firefox 143 und dem neuen Skript treten diese Probleme auf.

Ich werde mal eine abgespeckte Version schreiben, ohne den Firlefanz und den ganzen Einstellungen.

Zitat von 2002Andreas

So wie ich das sehe gibt es wohl 2 Probleme hier

1: Gar keine Icons bei z.B. Boersenfeger, bzw. nur bestimmte Icons bei Endor.

2: .svg Grafiken übernehmen die Farbe aus dem Skript nicht.

Ja, scheint so zu sein.
Wobei zu "1", so denke ich, es einfach Kopierfehler sind.
So war es zumindest zu Anfang bei Endor, so meine Vermutung

In der Hektik von gestern ist mit das wohl auch unterlaufen.

Zu "2", das ist echt merkwürdig, und ich kann mir da absolut keinen Reim drauf machen.

Zitat von Mitleser

Könnte daran liegen?:
svg.context-properties.content.enabled steht auf false

Habe es soeben geprüft!
Steht im 142 sowie in der Nightly auf true.

Daran wird es wohl nicht liegen, denn ich hatte das Problem ja auch (2: .svg Grafiken übernehmen die Farbe aus dem Skript nicht.)

Boersenfeger Mit welchem Skript klappt es bei Dir im FF 142?
Und mit welchen SVG-Grafiken?

Zitat von Mitleser

Könnte daran liegen?:
svg.context-properties.content.enabled steht auf false

Werde ich später zu Hause nachschauen und testen.

Danke

2002Andreas Kannst Du gerne in ein eigenes Thema auslagern.

Es ist schon merkwürdig!
Wären manche SVG-Grafiken bei vielen Nutzern ohne Probleme angezeigt werden,
habe andere Nutzer damit Probleme.

Zuerst dachte ich, es wären copy-fehler oder ich hätte irgendwas falsch in den Skript,
welches die Grafiken aufruft, eingestellt.
Aber nein, der Fehler liegt an irgendwas anderem!
Nur woran?

Ich habe Endor ein fertiges, nach seinen Wünschen eingestelltes Skript geschickt.
Mit seinen Grafiken funktioniert es auch,
kein Wunder, die Farbwerten sind in den Grafiken definiert!
Ich habe ihm "meine" SVG-Grafiken geschickt, die einwandfrei bei mir die Farben, die im Skript definiert werden,
ohne mucken und ohne Probleme übernehmen.

Und bei Endor, .... nicht!
Ich verstehe das nicht, hatte auch solche Probleme, die sich aufgelöst haben, nur ich weiß nicht, wo
oder an was der Fehler lag.

Hat jemand eine Idee? Sören Hentzschel Du vielleicht?
Beispiel, Aris Symbole funktionieren nun bei mir, aber bei Endor offensichtlich nicht!
Er hat nichts am Skript verändert, nur die Grafiken ausgetauscht, überschrieben.
D.h. die Namen haben sich nicht verändert!
Doch bei Endor übernehmen sie die Farbwerte aus dem Skript nicht.

Das ist doch kurios!

Zitat von Endor

Version 208 funktioniert hier nun einwandfrei.

Naja, noch nicht so wirklich richtig!!
Lass uns da weiter machen, wo wir aufgehört haben,
danach melde ich mich bei Boersenfeger , versprochen.

Wenn die Probleme bei Endor und Boersenfeger beseitigt sind,
wird es ein kleines Tut geben, was wir gemacht haben.

milupo Stimmt. Ich wechselte so oft zwischen den verschiedenen Firefoxversionen hin und her, dass ich irgendwie die Übersicht verloren habe.

Das von mir veröffentliche Skript Version 2.0.8 ist aber richtig, oder?