1. Nachrichten
  2. Forum
    1. Unerledigte Themen
    2. Forenregeln
  3. Spenden
  • Anmelden
  • Registrieren
  • Suche
Alles
  • Alles
  • Artikel
  • Seiten
  • Forum
  • Erweiterte Suche
  1. camp-firefox.de
  2. Mira_Belle

Beiträge von Mira_Belle

  • störender Rand in Popup-Menü

    • Mira_Belle
    • 22. Januar 2023 um 18:13
    Zitat von gabinski

    Mein bisheriger css.Code für die Popups:

    ...

    Das kann aber nicht Dein ganzer Code sein!

    Denn das ...

    CSS
    #context-navigation {
    margin-bottom: -4px !important;
    }
    
    
    menuseparator {
    margin: 0px 0em !important;
    }
    
    
    menupopup {
    --panel-background: none !important;
    --panel-padding: 1px 0 !important;
    }
    
    
    menupopup >  menu,
    menupopup menuitem {
    color: red !important;
    background: blueviolet!important;
    }
    
    
    menupopup menuitem:hover,
    menupopup menu:hover {
    background: green !important;
    color: yellow !important;
    }
    Alles anzeigen

    ... wird bei mir so ...

    ... dargestellt.

  • neue Schaltfläche "Einheitliche Erweiterungen"

    • Mira_Belle
    • 22. Januar 2023 um 17:45
    Zitat von FuchsFan
    Zitat von Mira_Belle

    Auch der Code von FuchsFan funktionierte nicht, wenn ich ihn in "meine" Symbole.css integrierte.

    Der funktioniert schon, nur wenn Du die Selektoren veränderst, dann wird es wohl nicht klappen. sie könnten wohl eingekürzt werden, aber das habe ich mir abgewöhnt, weil es dann oft zu Fehlern kommt.

    ...

    Verstehe nicht, was Du mir da erklären willst.

    CSS
        .unified-extensions-context-menu-manage-extension {    
            background: url("../icons/extension.svg") no-repeat !important;
            background-position: 9px 4px !important;
        }

    Ist "Dein" Code!

    Den musste ich in eine extra Datei, Erweiterungsmenü.css, schreiben, da er nicht funktionierte,

    wenn ich ihn in "meine" Symbol.css schrieb.

    Betrifft dieses Menü:

    Der zweite Code

    CSS
        .customize-context-manageExtension {
            background: url("../chrome/icons/extension.svg") no-repeat !important;
            background-position: 12px 2px !important;
        }

    betrifft ein anderes Menü!

    Dieses:

    Und diesen musste ich sogar direkt in die userChrome.css schreiben, damit er funktionierte.

    Ich verstehe nur nicht, warum das so ist.

    Alle drei Dateien, userCrome.css, Symbole.css und Erweiterungsmenü.css fangen mit

    @-moz-document url(chrome://browser/content/browser.xhtml) { an


    Natürlich kann man Deinen Code auch wieder etwas ausführlicher und genauer "machen".

    CSS
        menuitem.unified-extensions-context-menu-manage-extension {    
            background: url("../icons/extension.svg") no-repeat !important;
            background-position: 9px 4px !important;
        }

    Ändert aber auch nichts, außer dass dann der Hovereffekt, der in einer anderen CSS-Datei festgelegt ist,

    nicht greift.

    Deshalb beide Codes nun gekürzt und ohne menuitem.

  • neue Schaltfläche "Einheitliche Erweiterungen"

    • Mira_Belle
    • 22. Januar 2023 um 12:39

    So ganz nebenbei sei noch erwähnt, dass auch in dem Popupmenüs der Buttons neue Einträge vorhanden sind.

    War nicht so ganz einfach für mich da für Änderungen zu sorgen.

    Was ich auch sehr komisch finde, ich muss den Code direkt in die userChrome.css eintragen

    damit er seine Wirkung entfaltet.

    CSS
        menuitem.customize-context-manageExtension {
            background: url("../chrome/icons/extension.svg") no-repeat !important;
            background-position: 12px 2px !important;
        }
        menuitem.customize-context-removeExtension {
            background:  url("../chrome/icons/delete_2.svg") no-repeat !important;
            background-position: 12px 2px !important;
        }
        menuitem.customize-context-reportExtension {
            background:  url("../chrome/icons/warning.svg") no-repeat !important;
            background-position: 12px 2px !important;
        }
    
        menuitem.customize-context-manageExtension:hover {
            background-color: #5c5c5c !important;
            border-radius: 4px !important;
        }
        menuitem.customize-context-removeExtension:hover {
            background-color: #5c5c5c !important;
            border-radius: 4px !important;
        }
        menuitem.customize-context-reportExtension:hover {
            background-color: #5c5c5c !important;
            border-radius: 4px !important;
        }
    Alles anzeigen

    Auch der Code von FuchsFan funktionierte nicht, wenn ich ihn in "meine" Symbole.css integrierte.

    :/

    Habe dann eine extra Datei (Erweiterungsmenü.css) erstellt und in die userChrome.css importiert.

  • neue Schaltfläche "Einheitliche Erweiterungen"

    • Mira_Belle
    • 22. Januar 2023 um 10:34
    Zitat von FuchsFan

    Bitte!

    Code
    /* neuer Button "Erweiterungen" / im Popup Kontext-Menü der Button von aufgeführten Erweiterungen */
        
       ...

    png.zip

    Vielen Dank für den Code hat mir sehr weiter geholfen.

    Auch ein Danke für die Icons.

  • neue Schaltfläche "Einheitliche Erweiterungen"

    • Mira_Belle
    • 21. Januar 2023 um 17:06

    PNG's

    Dass ich da nicht drauf gekommen bin.

    @grisu2099 Danke für das Angebot, lädst Du die Pin's noch rauf?

    @FuchsFan ja bitte.

  • neue Schaltfläche "Einheitliche Erweiterungen"

    • Mira_Belle
    • 21. Januar 2023 um 16:13

    Mag alles sein, doch ich glaube früher oder später wird der Punkt Erweiterungen unter about:addons wegfallen,

    und überhaupt könnte es ja möglich sein, dass die da noch mehr vorhaben, sodass es diese "Einstellungsseite" irgendwann

    gar nicht mehr geben wird.

    So, zurück zum Thema, ich glaube, ich habe das (mein) Menü so weit fertig.

    Was mir fehlt, sind zwei Symbole!

    Für "An Symbolleiste anheften" schwebt mir so etwas wie ein Pin vor.

    Für "Erweiterung verwalten" eine Mischung aus "Lesezeichen verwalten",

    nur anstatt des Sterns dann ein

    Kennt jemand, jemanden, der jemanden kennt, der SVG's erstellen kann und für den so etwas nur einen Klacks darstellt?

    Hach, hier noch mein Code.

    CSS
        /*--------------------------*/
        /****  Erweiterungsmenü  ****/
        /*--------------------------*/
    
    /* Popup-Menü HG und Border */
    #unified-extensions-view.cui-widget-panelview{
        border: 3px solid #FFA500 !important;
        border-radius: 8px !important;
    } 
    
    /* Überschrift "Erweiterungen" */
    #unified-extensions-view.cui-widget-panelview vbox.panel-header h1 span {
        color: #E0E0E0 !important;
        font-size: 1.4em !important;
    }    
    
    /* Boxen mit den Erweiterungen */
    #unified-extensions-panel .unified-extensions-item {
        background-color: #2B2B2B !important;
        border: 1px solid #FFA500 !important;
        border-radius: 6px !important; 
        margin: 1px 15px 5px 10px !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
    } 
    
    #unified-extensions-panel .unified-extensions-item:hover { 
        background-color: #5c5c5c !important;  /* #5c5c5c */
    } 
    
    .unified-extensions-item-action-button.subviewbutton.panel-no-padding.webextension-browser-action vbox.unified-extensions-item-contents label.unified-extensions-item-name {
        color: #E0E0E0 !important;    
        font-size: 1.2em !important;   
        font-weight: 700 !important;
    }
    .unified-extensions-item-action-button.subviewbutton.panel-no-padding.webextension-browser-action:hover vbox.unified-extensions-item-contents label.unified-extensions-item-name {
        color: #FFA500 !important;
    }
    .unified-extensions-item-action-button.subviewbutton vbox.unified-extensions-item-contents label.unified-extensions-item-name {
        color: #a9a9a9 !important;            /* #5c5c5c */
        font-size: 1.2em !important;   
        font-weight: 700 !important;
    }
    .unified-extensions-item-action-button.subviewbutton:hover vbox.unified-extensions-item-contents label.unified-extensions-item-name {
        color: #a9a9a9 !important;
    }
    
    /* Text unter dem Namen der Erweiterung */
    [data-l10n-id="origin-controls-state-always-on"],
    [data-l10n-id="origin-controls-state-no-access"] {
    /*    color: #5c5c5c !important; */
        color: #a9a9a9 !important;
    }    
    
    /* Text "Erweiterung öffnen" (bei hover sichtbar) */
    [data-l10n-id="origin-controls-state-runnable-hover-open"] {
    /*    color: #E0E0E0 !important; */
      color: #a9a9a9 !important;
        font-weight: 700 !important;
    }
    
    /* Text "Erweiterung ausführen" (bei hover sichtbar) */
    [data-l10n-id="origin-controls-state-runnable-hover-run"] {
        color: #a9a9a9 !important;
        font-weight: 700 !important; 
    }
    
    /* Text "Erweiterung verwalten" (bei hover sichtbar) */
    [data-l10n-id="unified-extensions-item-message-manage"] {
        color: #a9a9a9 !important;
        font-weight: 700 !important;    
        }
    
    /* max. Ausdehnung der Boxen von inaktiven Erweiterungen (unten) */
    #unified-extensions-view.cui-widget-panelview vbox.panel-subview-body vbox.unified-extensions-list {
        max-width: 450px !important;
    }    
    
    
    /* Button mit dem Zahnrad (Verwalten) */
    toolbaritem.unified-extensions-item .unified-extensions-item-menu-button.subviewbutton {
        background-color: #2B2B2B !important;
        border: 1px solid #FFA500 !important;
    }
    .unified-extensions-item-menu-button.subviewbutton {
        background-color: #2B2B2B !important;
        border: 1px solid #FFA500 !important;
        margin-right: -3px !important;
    }
    /* Button mit dem Zahnrad bei Hover (Verwalten) */
    toolbaritem.unified-extensions-item .unified-extensions-item-menu-button.subviewbutton:hover,
    .unified-extensions-item-menu-button.subviewbutton:hover {
        border: 1px solid #FFA500 !important;
        color: #FFA500 !important;
    }    
    
    /* Button "Erweiterungen verwalten" (unten) */    
    #unified-extensions-view.cui-widget-panelview toolbarbutton#unified-extensions-manage-extensions.subviewbutton.panel-subview-footer-button.unified-extensions-manage-extensions {
        background-color: #2B2B2B !important;    /* #2B2B2B    */
        border: 1px solid #E0E0E0 !important;
    }
    #unified-extensions-view.cui-widget-panelview toolbarbutton#unified-extensions-manage-extensions.subviewbutton.panel-subview-footer-button.unified-extensions-manage-extensions:hover {
        border: 1px solid #FFA500 !important;
    }
    
    /* Icon eingefügt bei "Erweiterungen verwalten" */    
    #unified-extensions-manage-extensions::before {
        margin-left: 90px !important;
        margin-right: -10px !important;    
        content: '' !important;
        display: block !important;
        width: 19px !important;
        height: 24px !important;
        background-image: url("chrome://mozapps/skin/extensions/extension.svg");
        filter: invert(.9);
        background-repeat: no-repeat !important;
        background-position: 4px 6px !important;
        background-size: 16px 16px !important;
    }
         
    /* Text "Erweiterungen verwalten" */    
    [data-l10n-id="unified-extensions-manage-extensions"] {
        margin-left: 10px !important; 
        margin-right: 10px !important;       
        color: #E0E0E0 !important;
        font-size: 1.3em !important;   
        font-weight: 700 !important;
        padding-bottom: 2px !important;
    }  
      
    [data-l10n-id="unified-extensions-manage-extensions"]:hover {
        color: #FFA500 !important;
    } 
    Alles anzeigen
  • neue Schaltfläche "Einheitliche Erweiterungen"

    • Mira_Belle
    • 21. Januar 2023 um 13:50

    Ich verstehe nicht!

    Soll das heißen, dass am CSS nichts geändert werden muss?

  • neue Schaltfläche "Einheitliche Erweiterungen"

    • Mira_Belle
    • 21. Januar 2023 um 13:41

    @2002Andreas & @FuchsFan


    Ich danke Euch beiden für die Anregungen und den Code.

    Das ist dann faraus geworden:

    CSS
    .unified-extensions-item-action-button.subviewbutton.panel-no-padding.webextension-browser-action vbox.unified-extensions-item-contents label.unified-extensions-item-name {
        color: #E0E0E0 !important;    
        font-size: 1.2em !important;   
        font-weight: 700 !important;
    }
    .unified-extensions-item-action-button.subviewbutton.panel-no-padding.webextension-browser-action:hover vbox.unified-extensions-item-contents label.unified-extensions-item-name {
        color: #FFA500 !important;
    }
    .unified-extensions-item-action-button.subviewbutton vbox.unified-extensions-item-contents label.unified-extensions-item-name {
        color: #5c5c5c !important;
        font-size: 1.2em !important;   
        font-weight: 700 !important;
    }
    .unified-extensions-item-action-button.subviewbutton:hover vbox.unified-extensions-item-contents label.unified-extensions-item-name {
        color: #a9a9a9 !important;
    }
    Alles anzeigen

    @Sören Hentzschel

    Wenn es ab Firefox 111 extensions.unifiedExtensions.enabled nicht mehr gibt,

    was nimmt man dann?

  • neue Schaltfläche "Einheitliche Erweiterungen"

    • Mira_Belle
    • 21. Januar 2023 um 00:59

    Habe den erwünschten Effekt hinbekommen!

    Nur ob der Code so wirklich gut ist!

    CSS
    .unified-extensions-item-contents label.unified-extensions-item-name{
    /*    color: #E0E0E0 !important; */
        font-size: 1.2em !important;  
        font-weight: 700 !important;
    }
    :is(:is(:not([cui-areatype="toolbar"]), [overflowedItem="true"]) > toolbarbutton):not([disabled]) {
        color: #E0E0E0 !important;
    }
    :is(:is(:not([cui-areatype="toolbar"]), [overflowedItem="true"]) > toolbarbutton):not([disabled]):hover {
        color: #FFA500 !important;
    }
    Alles anzeigen

    Das schaut dann doch schon besser aus.

    CSS
    :is(toolbarbutton):not([disabled]) {
        color: #E0E0E0 !important;
    }
    :is(toolbarbutton):not([disabled]):hover {
        color: #FFA500 !important;
    }
  • neue Schaltfläche "Einheitliche Erweiterungen"

    • Mira_Belle
    • 21. Januar 2023 um 00:06

    @FuchsFan

    Danke für den Code.

    Kann mir jemand erklären, wie ich an diesen Text herankomme, um ihn beim Hovern zu ändern?

    .unified-extensions-item-contents label.unified-extensions-item-name,

    einfach  :hover hintendran hängen klappt nicht.

  • Sidebar - Zeilen werden abgeschnitten

    • Mira_Belle
    • 20. Januar 2023 um 11:01

    CSS komplett deaktivieren, testen.

    Ist die Sidebar normal, liegt es eindeutig am Code.

    Dann heißt es Abschnitt für Abschnitt aktivieren und nachschauen, was die Sidebar macht.

    Fehlersuche halt.

  • Sidebar - Zeilen werden abgeschnitten

    • Mira_Belle
    • 20. Januar 2023 um 00:00

    Benutzt Du CSS?

  • neue Schaltfläche "Einheitliche Erweiterungen"

    • Mira_Belle
    • 19. Januar 2023 um 20:01
    Zitat von SuperDAU#0815
    ...

    Leider funktioniert es bei mir nur eingeschränkt.

    ...

    Hilfe/Fehlerbehebungsmodus...

    Ein mal durchmachen.

  • Hotkey um Tab zu klonen

    • Mira_Belle
    • 19. Januar 2023 um 14:51

    @Piper


    Charmante Piper :?:

    Brauchst halt nur noch PW.

  • Addons-icon verstecken/entfernen

    • Mira_Belle
    • 19. Januar 2023 um 10:09
    Zitat von Sören Hentzschel

    Der Button „verschwindet“ dann in das Menü, um welches es in diesem Thema geht.

    Erst, HÄ :?:

    :/ :/ :/ :/ :/

    Dann, AHHH :!:

    Danke.

  • Rechtsklick auf ein Icon von einem Skript ändern

    • Mira_Belle
    • 18. Januar 2023 um 22:42
    Zitat von Sören Hentzschel
    JavaScript
    else if (event.button == 1) {
      return;
    }
    else if (event.button == 2) {
      return;
    }

    Mal abgesehen davon, dass die returns darin keinen Zweck erfüllen, weil anschließend ja überhaupt kein Code steht und auch nichts zurückgegeben werden soll, passiert in diesen else if-Zweigen auch nichts. Die Zeilen kannst du also komplett streichen.

    Du beziehst Dich auf #25 von visoer.

  • Rechtsklick auf ein Icon von einem Skript ändern

    • Mira_Belle
    • 18. Januar 2023 um 22:38
    Zitat von BrokenHeart

    Dann kannst du das z.B. so machen (die geänderten Zeilen habe ich mal markiert) :

    Und wenn ich die ganze Nacht herumgedoktert hätte, im Leben wäre ich nicht auf diese Lösung gekommen.

    Ganz, ganz <3 lichen Dank.

    Funktioniert perfekt.

  • Rechtsklick auf ein Icon von einem Skript ändern

    • Mira_Belle
    • 18. Januar 2023 um 21:41

    @Horstmann

    Der Code in #10 ist mein ursprünglicher Code.

    Wenn ich nun aber

    JavaScript
            if (aEvent.button != 0){
                return;
            }

    unter die Zeile 64 function onClick(aEvent) { quetsche, funktioniert das Skript zwar weiterhin,

    aber das Blöde an der Sache ist, die Tastenkombination aus Zeile 40 bis 50,

    wird ausgehebelt und funktioniert nicht mehr :!:

    Das ist doof und so soll es nicht sein.

    Ziel ist es, den Code so zu gestalten, dass grundlegend alle Funktionen erhalten bleiben,

    aber eben bei Rechtsklick mit der Maus nur das Menü aufgeht

    und nicht mehr die Lesezeichenleiste ausgelöst wird.

    Hier noch einmal das "originale" JavaScript mit Rechtsklick Bug.

    JavaScript
    (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 ProfilePath = PathUtils.toFileURI(PathUtils.join(PathUtils.profileDir, 'chrome', 'icons')); 
                        // ^^ Pfadangabe zum Profilordner und gleich in den entsprechenden Unterordner ^^
                        let buttonicon = "bookmark-hollow.svg";  // Name & Dateiendung des anzuzeigenden Symbols
                        let props = {
                            id: 'PersonalToolbar-button',
                            class: 'toolbarbutton-1 chromeclass-toolbar-additional',
                            removable: true,
                            label: 'Toggle',
                            tooltiptext: 'Lesezeichenleiste ein-/ausblenden',
                            style: "list-style-image: url('" + ProfilePath + buttonicon + "');"
                            
                        };                   
                        for(var p in props)
                            toolbaritem.setAttribute(p, props[p]);
                        return toolbaritem;                 
                    }
            });
        } catch(e) { };
        //----------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);
                }
            }, false
        );
        //----------ENDE------------------------ 
    
        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) {
    
            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;
                }
            }
        }
    })();
    Alles anzeigen
  • Rechtsklick auf ein Icon von einem Skript ändern

    • Mira_Belle
    • 18. Januar 2023 um 20:45
    Zitat von DenalB

    EDIT:

    Obwohl ... Müsste passen. So sieht das bei mir mit den Klammern aus.

    Weiß aber nicht, ob es funktioniert.

    Und funktioniert nicht, s.o. #16

  • Rechtsklick auf ein Icon von einem Skript ändern

    • Mira_Belle
    • 18. Januar 2023 um 20:29

    Leider nein!

    Dann funktioniert das JavaScript gar nicht mehr.

Unterstütze uns!

Jährlich (2026)

69,4 %

69,4% (538,17 von 775 EUR)

Jetzt spenden
  1. Kontakt
  2. Datenschutz
  3. Impressum
Community-Software: WoltLab Suite™
Mastodon