Beiträge von Endor

Endor

Hallo Boersenfeger.

Alle alles gute zum Geburtstag.

Vor allem viel Gesundheit, aber auch Glück und Erfolg.

Hoffe, Du hast einen ruhigen Tag zum gemütlich feiern.

Also feiere schön und lass es Dir gut gehen.

Mfg.
Endor

Endor

Mal etwas kleines:

CSS

    @-moz-document url(about:preferences),
                   url(about:preferences#general),
                   url(about:preferences#containers),                   
                   url(about:preferences#content),
                   url(about:preferences#home),                   
                   url(about:preferences#applications),
                   url(about:preferences#privacy),
                   url(about:preferences#search),
                   url(about:preferences#security),
                   url(about:preferences#sync),
                   url(about:preferences#advanced),
                   url(about:preferences?entrypoint=menubar#sync),
                   url(about:preferences?entrypoint=fxa_app_menu#general),                   
                   url(about:preferences?entrypoint=fxa_app_menu#home),                       
                   url(about:preferences?entrypoint=fxa_app_menu#privacy),                   
                   url(about:preferences?entrypoint=fxa_app_menu#sync),                   
                   url(about:preferences?entrypoint=fxa_app_menu#search){

    #trackingProtectionShield {
    list-style-image: url("chrome://browser/skin/controlcenter/tracking-protection.svg");
    fill: #0000e6 !important;
    }
    
   .content-blocking-social-media-image {
    list-style-image: url("chrome://browser/skin/controlcenter/socialblock-disabled.svg");
    fill: #00cd66 !important;
    }

    .content-blocking-cookies-image {
    list-style-image: url("chrome://browser/skin/controlcenter/3rdpartycookies-disabled.svg");
    fill: #ee4000 !important;
    }
    
    #contentBlockingBlockCookiesCheckbox > .checkbox-label-box {
    list-style-image: url("chrome://browser/skin/controlcenter/3rdpartycookies.svg");
    fill: #ee4000 !important;
    }
    
    .content-blocking-trackers-image,
    #contentBlockingTrackingProtectionCheckbox[checked] > .checkbox-label-box    {
    list-style-image: url("chrome://browser/skin/controlcenter/tracker-image-disabled.svg");
    fill: orange !important;
    }
    
    #contentBlockingCryptominersCheckbox[checked] > .checkbox-label-box,    
    .content-blocking-cryptominers-image {
    list-style-image: url("chrome://browser/skin/controlcenter/cryptominers-disabled.svg");
    fill: #1874cd !important;
    }
    
    #contentBlockingFingerprintersCheckbox[checked] > .checkbox-label-box,
    .content-blocking-fingerprinters-image {
    list-style-image: url("chrome://browser/skin/controlcenter/fingerprinters-disabled.svg");
    fill: #8a2be2 !important;
    }
    
    .content-blocking-warning-image {
    list-style-image: url("chrome://global/skin/icons/warning.svg");
    fill: red !important;
    }
    
    .content-blocking-warning.reload-tabs .content-blocking-info-image {
    list-style-image: url(chrome://browser/skin/identity-icon.svg);
    fill: red !important;
    }    

    .geo-icon {
    list-style-image: url(chrome://browser/skin/notification-icons/geo.svg);
    fill: #cf000f !important;
    }    
    
    .camera-icon {
    list-style-image: url(chrome://browser/skin/notification-icons/camera.svg);
    fill: #ffcb05 !important;
    }
    
    .microphone-icon {
    list-style-image: url(chrome://browser/skin/notification-icons/microphone.svg);
    fill: #1874cd !important;
    }
    
    .desktop-notification-icon {
    list-style-image: url(chrome://browser/skin/notification-icons/desktop-notification.svg);
    fill: #e87e04 !important;
    }
    
    .xr-icon {
    list-style-image: url(chrome://browser/skin/notification-icons/xr.svg);
    fill: #8a2be2 !important;
    }
    
    .autoplay-icon {
    list-style-image: url(chrome://browser/skin/notification-icons/autoplay-media-detailed.svg);
    fill: #019875 !important;
    }
    
    #homeContentsGroup checkbox[src="chrome://browser/skin/search-glass.svg"] .checkbox-icon{
    fill: #1874cd !important;}
    
    #homeContentsGroup checkbox[src="resource://activity-stream/data/content/assets/glyph-topsites-16.svg"] .checkbox-icon {
    fill: orange !important;
    }
    
    #homeContentsGroup checkbox[src="resource://activity-stream/data/content/assets/glyph-pocket-16.svg"] .checkbox-icon {
    fill: red !important;
    }
    
    #homeContentsGroup checkbox[src="resource://activity-stream/data/content/assets/glyph-highlights-16.svg"] .checkbox-icon {
    fill: #3cb371 !important;
    }
    
    #homeContentsGroup checkbox[src="resource://activity-stream/data/content/assets/glyph-info-16.svg"] .checkbox-icon {
    fill: #1874cd !important;
    }
        
    #updateSettingCrossUserWarning {
    background-image: url("chrome://browser/skin/identity-icon.svg");
    fill: red !important;
    }         
    }

Alles anzeigen

Damit werden die schwarzen Icons in bei Firefox - Einstellungen bei Datenschutz usw.

etwas bunter.

Mfg.
Endor

Endor

Ich hatte mir Dein Script leider nicht angeschaut, sonst wäre
mir aufgefallen das das nicht mehr funktioniert.

2002Andreas hat dann ja die aktuelle Version eingestellt.

Mfg.
Endor

Endor

Benenne das Script mal in

medien.uc.js um.

Starte Firefox neu und lasse den Script Cache dabei löschen.

Mfg.
Endor

Endor

Ja das sieht wie ein Rahmen aus der nach links verschoben ist,

oben, unten und rechts sieht man eine Linie beim hovern

links aber nicht.

Mfg.
Endor

Endor

Ich vermute mal, da werkelt noch ein CSS Code dazwischen, der

wirkt aber laut Deinem Bild nicht beim Hovern, also darüber fahren.

Vielleicht hast Du eine Idee welcher CSS Code das Sein kann der im

Kontextmenü etwas ändert?

Mfg.
Endor

Endor

Fox2Fox

Das Script verwende ich auch und kein Problem in Kombination:

Mfg.
Endor

Endor

Durch das Script wird nur der Eintrag im Rechtsklick Kontextmenü erstellt.

Ganz nach oben wird er dann mit dem CSS Code:

CSS

#uc_menu_close_tab{
 margin-left:-10px!important;
 -moz-box-ordinal-group: 0!important;
}

geschoben.

Mfg.
Endor

Endor

Ja das müsste es sein.

milupo vielen Dank. :klasse:

Funktioniert soweit.

Teste es jetzt zusammen mit dem CSS Code.

Mfg.
Endor

Endor

Zitat von Fox2Fox

#uc_menu_close_tab{
margin-left:-10px!important;
-moz-box-ordinal-group: 0!important;
}

Diese Zeilen aus deinem CSS Code weisen auch auf ein Script das Du verwendest hin.

Das solltest Du mal hier einstellen, damit man sehen kann ob es einen Fehler enthält.

Mfg.
Endor

Endor

Ich schließe mich auch direkt an...

Endor

Na prima!!

So soll es ja sein.

Mfg.

Endor

Endor

Boersenfeger

Ist Dein Problem damit nun behoben?

Ansonsten wie immer gern geschehen.

2002Andreas

Gern geschehen. Freut mich wenn Du das auch brauchen kannst.
Ich verwende das auch schon sehr lange. Möchte ich gar nicht mehr missen.

Obige Version hat wie üblich aborix gemacht. Ohne ihn, was würden wir

da bloß machen.

Mfg.
Endor

Endor

Boersenfeger.

Bitte teste mal diese aktuellere Version vom Script autopopup.uc.js

JavaScript

// ==UserScript==
// @name           AutoPopup.uc.js
// @description    Auto popup menulist/menupopup
// @compatibility  Firefox 72
// @author         GOLF-AT, modified by gsf & aborix
// @version        2019.11.22
// ==UserScript==

(function() {

    const showDelay = 200;   // delay of showing popups
    const hideDelay = 500;   // delay of hiding popups
    const alwaysPop = false; // show popups also when window is not focused

    var overElt = null;
    var PopElt = null;
    var PopTimer = null;
    var HideTimer = null;

    // elements are CSS selector strings
    var blackIDs = [];

    // whitelist, and trigger action
    var whiteIDs = [
    {
        id: 'omnibar-defaultEngine',
        popMemu: 'omnibar-engine-menu',
        run: function(overElem) {
            document.getElementById('omnibar-in-urlbar').click(0);
        }
    },
    {
        id: 'ucjs_zoom_statuslabel',
        popMemu: 'ucjs_zoom-context',
        run: null
    },
    {
        id: 'UserScriptLoader-icon',
        popMemu: 'UserScriptLoader-popup',
        run: null
    },
    {
        id: 'readLater',
        popMemu: 'readLater-popup',
        run: null
        //function(overElem) {PopElt.popup();}
    },
    {
        id: 'foxyproxy-toolbar-icon',
        popMemu: 'foxyproxy-toolbarbutton-popup',
        run: null
    }
    ];
    var whitesInx = -1;

    const popupPos = ['after_start', 'end_before', 'before_start', 'start_before'];
    const searchBar = window.BrowserSearch ? BrowserSearch.searchBar : null;

    function IsButton(elt) {
        return elt && (elt.localName == 'toolbarbutton' || elt.localName == 'button');
    }

    function IsWidgetBtn(elt) {
        return IsButton(elt) &&
               ((elt.hasAttribute('widget-id') && elt.getAttribute('widget-type') == 'view')
                || elt.id == 'fxa-toolbar-menu-button' || elt.id == 'library-button'
                || elt.id == 'alltabs-button');
    }

    function IsSearchBtn(elt) {
        return (elt && elt.className == 'searchbar-search-button') || whitesInx == 0;
    }

    function IsPanelMenuBtn(elt) {
        return elt && elt.id == 'PanelUI-menu-button';
    }

    function IsDownloadBtn(elt) {
        return elt && elt.id == 'downloads-button';
    }

    function IsMenuBtn(elt) {
        return IsPanelMenuBtn(elt) || IsDownloadBtn(elt) || IsWidgetBtn(elt)
               || (IsButton(elt) && getPopupMenu(elt));
    }

    function IsOverflowBtn(elt) {
        return elt && elt.id == 'nav-bar-overflow-button';
    }

    function IsUrlbarDropmarker(elt) {
        return elt && elt.classList && elt.classList.contains('urlbar-history-dropmarker');
    }

    function IsCustomizationBtn(elt) {
        return IsButton(elt) && elt.className == 'customizationmode-button';
    }

    function IsAutoComplete(elt) {
        try {
            return elt.getAttribute('type').substring(0, 12) == 'autocomplete';
        } catch(e) {
            return false;
        }
    }

    function isBlackNode(elt) {
        return blackIDs.some(function(css) {
            try {
                var nodes = document.querySelectorAll(css);
            } catch(e) {
                return false;
            }
            for (var node of nodes) {
                if (node == elt)
                    return true;
            }
            return false;
        })
    }

    function getPopupNode(node) {
        if (whitesInx > -1 && PopElt)
            return PopElt;

        if (IsSearchBtn(node) || IsOverflowBtn(node) || node.id == 'sidebar-switcher-target')
            return node;

        var elt, isPop, s;

        for (; node != null; node = node.parentNode) {
            if (node == PopElt)
                return node;

            isPop = false; // node isn't popup node
            s = node.localName;
            if (s == 'menupopup' || s == 'popup' || s == 'menulist'
                || IsAutoComplete(node) || IsMenuBtn(node) || IsUrlbarDropmarker(node)) {
                isPop = true;
            } else if (s == 'dropmarker' && node.getAttribute('type') == 'menu'
                       && node.parentNode.firstChild.localName == 'menupopup') {
                isPop = true;
            } else if (s == 'menu') {
                isPop = (node.parentNode.localName == 'menubar');
            } else if (IsButton(node)) {
                for (elt = node; (elt = elt.nextSibling) != null;) {
                    if (elt.localName == 'dropmarker' && elt.width > 0 && elt.height > 0)
                        break;
                }
                if (elt)
                    break;
            }
            if (isPop)
                break;
        }
        if (PopElt && node) {
            // whether node is child of PopElt
            for (elt = node.parentNode; elt != null; elt = elt.parentNode) {
                if (elt == PopElt)
                    return PopElt;
            }
        }
        return isPop ? node : null;
    }

    function getPopupMenu(elt) {
        if (whitesInx > -1 && PopElt)
            return PopElt;

        var nodes = elt ? elt.childNodes : null;
        if (nodes) {
            for (let node of nodes) {
                if (node.localName == 'menupopup' || node.localName == 'panel')
                    return node;
            }
        }

        var s = elt.getAttribute('popup');
        return s ? document.getElementById(s) : null;
    }

    function getPopupPos(elt) {
        if (elt.id == 'bookmarks-menu-button')
            return null;

        var x, y, pos, i;
        for (pos = 0, x = elt.screenX, y = elt.screenY;
             elt != null; elt = elt.parentNode)
        {
            if (elt.localName == 'window' || !elt.parentNode)
                break;
            else if (elt.localName != 'toolbar' && elt.localName != 'hbox'
                     && elt.localName != 'vbox');
            else if (elt.height >= 3 * elt.width) {
                if (elt.height >= 45) {
                    pos = 9;
                    break;
                }
            } else if (elt.width >= 3 * elt.height) {
                if (elt.width >= 45) {
                    pos = 8;
                    break;
                }
            }
        }
        try {
            i = (pos & 1) ?   // is pos odd?
                (x <= elt.width / 2 + elt.screenX ? 1 : 3) :
                (y <= elt.height / 2 + elt.screenY ? 0 : 2);
        } catch(e) {
            i = 0;
        }
        return popupPos[i];
    }

    function AutoPopup() {
        PopTimer = null;
        if (!overElt)
            return;

        if (whitesInx > -1 && PopElt && whiteIDs[whitesInx].run) {
            whiteIDs[whitesInx].run(overElt);
            return;
        }
        if (!PopElt)
            PopElt = overElt;
        if (overElt.localName == 'dropmarker') {
            PopElt.showPopup();
        } else if (overElt.localName == 'menulist') {
            overElt.open = true;
        } else if (IsPanelMenuBtn(overElt)) {
            PopElt = document.getElementById('appMenu-popup');
            PanelUI.show();
        } else if (IsWidgetBtn(overElt)) {
            PopElt = document.getElementById('customizationui-widget-panel');
            if (overElt.hasAttribute('onmousedown'))
                overElt.dispatchEvent(new MouseEvent('mousedown'));
            else
                overElt.dispatchEvent(new UIEvent('command'));
        } else if (IsDownloadBtn(overElt)) {
            PopElt = document.getElementById('downloadsPanel');
            DownloadsPanel.showPanel();
        } else if (IsSearchBtn(overElt)) {
            searchBar.openSuggestionsPanel();
        } else if (IsOverflowBtn(overElt)) {
            PopElt = document.getElementById('widget-overflow');
            if (!overElt.open)
                overElt.click();
        } else if (overElt.id == 'sidebar-switcher-target') {
            PopElt = document.getElementById('sidebarMenu-popup');
            if (!overElt.classList.contains('active'))
                SidebarUI.toggleSwitcherPanel();
        } else if (IsUrlbarDropmarker(overElt)) {
            PopElt = gURLBar.panel;
            if (!gURLBar.textbox.hasAttribute('open'))
                overElt.click();
        } else {
            PopElt = getPopupMenu(overElt);
            if (IsCustomizationBtn(overElt))
                overElt.open = true;
            else {
                try {
                    let Pos = getPopupPos(overElt);
                    PopElt.removeAttribute('hidden');
                    PopElt.openPopup(overElt, Pos, 0, 0, false, false, null);
                } catch(e) {
                    PopElt = null;
                }
            }
        }
    }

    function HidePopup() {
        try {
            if (overElt.localName == 'dropmarker') {
                try {
                    PopElt.parentNode.closePopup();
                } catch(e) {
                    try {
                        PopElt.hidePopup();
                    } catch(e) { }
                }
            } else if (overElt.localName == 'menulist')
                PopElt.open = false;
            else if (PopElt.hidePopup)
                PopElt.hidePopup();
            else if (PopElt.popupBoxObject)
                PopElt.popupBoxObject.hidePopup();
            else if (IsSearchBtn(overElt))
                searchBar.textbox.closePopup();
            else if (IsPanelMenuBtn(overElt))
                PanelUI.hide();
            else if (IsUrlbarDropmarker(overElt))
                if (gURLBar.textbox.hasAttribute('open'))
                    overElt.click();
        } catch(e) { }

        HideTimer = null;
        overElt = PopElt = null;
    }

    function MouseOver(e) {
        if (!alwaysPop && !document.hasFocus())
            return;
        var popNode, n = e.originalTarget;

        whitesInx = -1;
        if (n.hasAttribute('id') && whiteIDs.some(function(k,i,me) {
            if (k.id == n.id) {
                overElt = n;
                whitesInx = i;
                PopElt = document.getElementById(k.popMemu);
                PopTimer = setTimeout(AutoPopup, showDelay);
                return true;
            }
        }))
            return;

        popNode = getPopupNode(e.originalTarget);
        if (!popNode || (popNode && popNode.disabled) || isBlackNode(popNode)) {
            MouseOut();
            return;
        }
        if (HideTimer) {
            clearTimeout(HideTimer);
            HideTimer = null;
        }
        try {
            if (IsAutoComplete(popNode)) {
                return;
            };
            for (var elt = popNode; elt != null; elt = elt.parentNode) {
                if (elt.localName == 'menupopup' || elt.localName == 'popup')
                    return;
            }
        } catch(e) { }
        if (PopElt && popNode == PopElt && PopElt != overElt)
            return;
        if (overElt && popNode != overElt)
            HidePopup();
        overElt = popNode;
        PopElt = null;
        PopTimer = setTimeout(AutoPopup, showDelay);
    }

    function MouseOut() {
        if (PopTimer) {
            clearTimeout(PopTimer);
            PopTimer = null;
        }
        if (!HideTimer && PopElt)
            HideTimer = setTimeout(HidePopup, hideDelay);
    }

    window.addEventListener('mouseover', MouseOver, false);

})();

Alles anzeigen

Mfg.
Endor

Endor

Hallo 2002Andreas .

Hier hat es auch funktioniert.

Vielen Dank.

:klasse:

Da ich ja oben die Symbole haben will musste ich den Code auch leicht ändern,

CSS

    #appMenu, box:nth-child(1) > toolbarbutton:nth-child(1) {
    margin-left: 24px !important;
    margin-right: 24px !important;
    }

Aber nun passt es.

Habe dann natürlich noch ein paar Fehler entdeckt, die musste ich

dann unbedingt beheben.

Muss jetzt nur noch die Dateien bei Github aktualisieren.

Komme aber erst morgen dazu.

Mfg.
Endor

Endor

Ja der pauschale Code hat mir hier auch alles verschoben.

Leider hat auch meine Änderung von

.subviewbutton-back

auf

.subviewbutton

bei zwei Untermenüs den selben Effekt bei:

Bei Firefox Anmelden

und

Bibliothek und Untermenüs.

Muss mir das in Ruhe nochmal anschauen.

Mfg.
Endor

Endor

Hallo Andreas.

Vielen Dank. Werde ich gleich mal testen.

Ja ich hatte alle einzeln angesprochen und dementsprechend auch

bei allen ändern müssen. Auf die Idee das pauschal für alle zu machen

bin ich ja mal wieder nicht gekommen......

:klasse:

Mfg.
Endor

Endor

Glaube habe das Problem gefunden warum der Pfeil mal geht und mal nicht.

Ich habe den ja wegen des Symbols mit diesem Code nach rechts verschoben,

zbs so:

CSS

#PanelUI-fxa .subviewbutton-back{margin-left: 24px !important; }

milupo hat mich durch seinen Beitrag auf die Idee gebracht

das mal anders zu versuchen und zwar so:

CSS

#PanelUI-fxa .subviewbutton{margin-left: 24px !important; }

das scheint das Problem behoben zu haben.
Also hatte ich anscheinend nur die falsche Klasse verwendet.

An dieser Stelle vielen Dank an milupo.

Mfg.
Endor

Endor

Zitat von 2002Andreas

Teste bitte mal:

CSS

.panel-header > .subviewbutton-back {
  padding-left: 15px !important;
  padding-right: 15px !important;
 }

Danke für diesen CSS Code, damit funktioniert es hier viel besser.

:klasse:

Hinweis:

Wenn man oben auf den Grünen Bereich mit der Maus fährt,

wird beim Hovern die Farbe Grau und

wenn man Richtung Pfeil fährt bekommt dieser einen dunkelgrauen Hintergrund

Nur im Bereich des dunkelgrauen Hintergrunds funktioniert der zurück Pfeil.

Manchmal wenn man den Pfeil zu nahe kommt verschwindet der Hintergrund

und dann geht er nicht. Wieso das manchmal so ist weiß ich leider auch nicht.
Durch den CSS Code von 2002Andreas ist es jetzt aber um einiges besser geworden.
Nochmals vielen Dank dafür.

Mfg.
Endor

Endor

Boersenfeger verwendest Du das Script Autopopup.uc.js

wenn ja welche Version?

oder so? Könnte mir vorstellen, das es damit zusammenhängt.

Mfg.
Endor

Beiträge von Endor

Der Glückwunsch-Thread

Kontextmenü in Eingabefeldern

medien.js

medien.js

Kontextmenü Webseiten

Kontextmenü Webseiten

Kontextmenü Webseiten

Kontextmenü Webseiten

Kontextmenü Webseiten

Kontextmenü Webseiten

Nightly: Hamburger-Menü verschönern

Nightly: Hamburger-Menü verschönern

Nightly: Hamburger-Menü verschönern

Nightly: Hamburger-Menü verschönern

Nightly: Hamburger-Menü verschönern

Nightly: Hamburger-Menü verschönern

Nightly: Hamburger-Menü verschönern

Nightly: Hamburger-Menü verschönern

Nightly: Hamburger-Menü verschönern

Nightly: Hamburger-Menü verschönern