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. FuchsFan

Beiträge von FuchsFan

  • neue Schaltfläche "Einheitliche Erweiterungen"

    • FuchsFan
    • 24. Januar 2023 um 18:40
    Zitat von 2002Andreas

    Und wenn er dann zu schwer ist, dann startet er nicht mehr

    Dann gibt es noch den Turbo-Lader. ;) :)

  • neue Schaltfläche "Einheitliche Erweiterungen"

    • FuchsFan
    • 24. Januar 2023 um 17:52
    Zitat von DenalB

    Mir ist das aktuell zu viel Aufwand, den Button oder den Inhalt anzupassen. Wie schon geschrieben, wird sich da zukünftig noch einiges ändern. Und so schlimm finde ich den Button nicht. Hab mich schon daran gewöhnt.

    Und es werden sich alle daran gewöhnen, ist nur der erste Schreck, wieder umgewöhnen. ;) :)

    Weil es für Dich zu viel Aufwand ist, so mache ich Dir ein Geschenk (für alle Anderen natürlich auch), hier die zweite Bastelvorlage.

    CSS
    @-moz-document url-prefix(chrome://browser/content/browser.xhtml) {
    
        
    /*  Eigenes Icon für Button in der Symbolleiste */
    #unified-extensions-button > .toolbarbutton-icon {
        list-style-image: url("..//icons/0502.png") !important;
        opacity: 0.8 !important;
    }
    
    /* Popup-Menü HG und Border */
    #unified-extensions-view.cui-widget-panelview{
        background-color: gainsboro !important;
        border: 4px solid royalblue !important;
        padding: 0 10px 0 10px !important; 
        width: 1000px !important;    
    }
    
    /* grid */
    #unified-extensions-area,
    .unified-extensions-list {
        display: grid !important;
        grid-template-columns: repeat(3, 1fr) !important;
    }
    
    /* Überschrift "Erweiterungen" */
    #unified-extensions-view.cui-widget-panelview vbox.panel-header h1 span {
        color: #881111 !important;
        font-size: 1.8em !important;
        display: flex !important;
        justify-content: center !important;
    }     
    
    /* Namen der Erweiterung */
    .unified-extensions-item-contents label.unified-extensions-item-name{
        color: gainsboro !important;
        font-size: 1.2em !important;   
        font-weight: 700 !important;
        margin-top: -1px !important; 
        margin-left: -5px !important; 
    }
    
    /* Zusatzbeschriftungen der Button ausgeblendet */
    #unified-extensions-area .unified-extensions-item-message-deck .unified-extensions-item-message,
    .unified-extensions-list .unified-extensions-item-message-deck {
        display: none !important;
    }
    
    /* Größe der Icons aller Erw. */
    panel .unified-extensions-item[unified-extensions="true"] .webextension-browser-action > .toolbarbutton-badge-stack > .toolbarbutton-icon,
    .unified-extensions-list toolbarbutton .unified-extensions-item-icon {
        height: 20px !important;
        width: 20px !important;
    }
    
    
    /* Button der aktiven Erw. */
    #unified-extensions-panel toolbaritem.unified-extensions-item {
        max-width: unset !important;
        width:  320px !important;
        height: 40px !important;
        background-color: #552211 !important;
        margin: 1px !important;
        border-radius: 4px !important;
        padding: 0 2px !important;
    }
    /* Button der aktiven Erw. bei Hover HG farbig */
    #unified-extensions-panel toolbaritem.unified-extensions-item:hover {
        background-color: black !important;
    }    
    
    /* Button der inaktiven Erw. */
    .unified-extensions-list .unified-extensions-item {
        max-width: unset !important;
        width:  315px !important;
        height: 40px !important;
        background-color: #662211 !important;
        opacity: 0.85 !important;
        margin: 1px !important;
        border-radius: 4px !important;
        padding: 0 2px !important;
    }
    /* Button der inaktiven Erw. bei Hover HG farbig */
    .unified-extensions-list .unified-extensions-item:hover {
        background-color: black !important;
    }
    
    /* bei Hover grauer HG der Button ausgeblendet */
    #unified-extensions-area:hover.customization-target .toolbarbutton-1.unified-extensions-item-action-button.subviewbutton.panel-no-padding.webextension-browser-action {
        background-color: transparent !important;
    }    
    
    .unified-extensions-item-action-button {
        overflow: visible !important;
    }
    
       
    /* Icons aktive Erw. */
    #unified-extensions-area image.toolbarbutton-icon {
        opacity: 1 !important;
        margin-left:  2px !important;
        padding: 0 !important;
    }
        
    /* Icons inaktive Erw. */    
    .unified-extensions-list image.unified-extensions-item-icon {
        opacity: 1 !important;
        margin-left: -4px !important;
        padding: 0 !important;
    }
    
    /* Button mit dem Zahnkranz (Verwalten) / aktive Erw. */    
    #unified-extensions-area.customization-target toolbaritem.toolbaritem-combined-buttons.unified-extensions-item.chromeclass-toolbar-additional toolbarbutton.unified-extensions-item-menu-button.subviewbutton.subviewbutton-iconic{
        background-color: black !important;
        border: 1px solid gainsboro !important;
        min-width:  32px !important;
        max-width:  32px !important;
        max-height:  32px !important;
        margin-left: -94px !important;
        color: orange !important;
    }    
    /* bei Hover*/
    #unified-extensions-area.customization-target toolbaritem.toolbaritem-combined-buttons.unified-extensions-item.chromeclass-toolbar-additional toolbarbutton.unified-extensions-item-menu-button.subviewbutton.subviewbutton-iconic:hover{
        background-color: #D1E2F2 !important;
        border: 1px solid brown !important;
        min-width:  32px !important;
        max-width:  32px !important;
        max-height:  32px !important;
        margin-left: -94px !important;
    }
    /* Zahnkranz aktive Erw. bei Hover andere Farbe */
    #unified-extensions-area.customization-target toolbaritem.toolbaritem-combined-buttons.unified-extensions-item.chromeclass-toolbar-additional:hover toolbarbutton.unified-extensions-item-menu-button.subviewbutton.subviewbutton-iconic image.toolbarbutton-icon {
        fill: forestgreen !important;
    }        
    
    /* Button mit dem Zahnkranz (Verwalten) / inaktive Erw. */
    .unified-extensions-item-menu-button.subviewbutton.subviewbutton-iconic{
        background-color: black !important;
        border: 1px solid gainsboro !important;
        min-width:  32px !important;
        max-width:  32px !important;
        max-height:  32px !important;
        margin-left: -84px !important;
        color: orange !important;
    }
    /* bei Hover */    
        .unified-extensions-item-menu-button.subviewbutton.subviewbutton-iconic:hover{
        background-color: lightyellow !important;
        border: 1px solid brown !important;
        min-width:  32px !important;
        max-width:  32px !important;
        max-height:  32px !important;
        margin-left: -84px !important;
    }
    /* Zahnkranz inaktive Erw. bei Hover andere Farbe */
    .unified-extensions-item-menu-button:hover .toolbarbutton-icon {
        fill: magenta !important;
    }
    
      
    /* Zahnkranz aktive Erw. / Icon */
    #unified-extensions-area.customization-target toolbaritem.toolbaritem-combined-buttons.unified-extensions-item.chromeclass-toolbar-additional toolbarbutton.unified-extensions-item-menu-button.subviewbutton.subviewbutton-iconic image.toolbarbutton-icon {
        margin-left: -1px !important;
    }
        
    /* Zahnkranz inaktive Erw. / Icon */
    #unified-extensions-view.cui-widget-panelview vbox.panel-subview-body vbox.unified-extensions-list unified-extensions-item.unified-extensions-item toolbarbutton.unified-extensions-item-menu-button.subviewbutton.subviewbutton-iconic image.toolbarbutton-icon {    
        margin-left: -1px !important;
    }
     
    /* Button unten "Erweiterungen verwalten" */  
    #unified-extensions-manage-extensions {
        background-color: #f0f0db !important;
        margin-left:  365px !important;
        max-width: 250px !important;
        max-height: 30px !important;
        min-height: 30px !important;
        border: 1px solid grey !important;
        border-width:  3px !important;
        border-style: double !important;
        color: #5511aa !important;
    }
    /* bei Hover */
    #unified-extensions-manage-extensions:hover {
        background-color: #D1E2F2 !important;
        color: brown !important;
        margin-left:  365px !important;
        margin-right: 0 !important;
    }        
        
    /* Text "Erweiterungen verwalten" */    
    [data-l10n-id="unified-extensions-manage-extensions"] {    
        color: gainsboro !important;
        font-size: 1.4em !important;   
        font-weight: 600 !important;
        padding-left: 0px !important;
        display: flex !important;
        justify-content: center !important;
    }  
    /* Text "Erweiterungen verwalten" verlagert */
    #unified-extensions-manage-extensions.subviewbutton.panel-subview-footer-button.unified-extensions-manage-extensions label.toolbarbutton-text {
        margin: -7px 0 0 0 !important;
    }    
    }
    Alles anzeigen

  • neue Schaltfläche "Einheitliche Erweiterungen"

    • FuchsFan
    • 23. Januar 2023 um 15:14
    Zitat von Mira_Belle

    Es funktioniert jetzt, und zwar genau, wie es soll.

    :thumbup:

    Ich habe auch die Datei Symbole.css noch einmal aufgestellt , es wird alles angezeigt (habe ich vorher wohl oberflächlich gemacht :/ ).

    Hier der Inhalt mit allen betreffenden Einträgen:

    CSS
      @-moz-document url(chrome://browser/content/browser.xhtml) {
        
            .unified-extensions-context-menu-pin-to-toolbar {   
            background: url("file:///C:/FoxIcons/0804.png") no-repeat !important;
            background-position: 9px 4px !important;
        }
        .unified-extensions-context-menu-manage-extension {
            background: url("../icons/001.png") no-repeat !important;
            background-position: 9px 4px !important;
        }
        .unified-extensions-context-menu-remove-extension {
            background: url("../icons/001.png") no-repeat !important;
            background-position: 9px 4px !important;
        }
        .unified-extensions-context-menu-report-extension {
            background: url("../icons/001.png") no-repeat !important;
            background-position: 9px 4px !important;
        }
        
        
        
            .customize-context-manageExtension {
            background: url("file:///C:/FoxIcons/0804.png") no-repeat !important;
            background-position: 12px 2px !important;
        }
        .customize-context-removeExtension {
            background:  url("../icons/001.png") no-repeat !important;
            background-position: 12px 2px !important;
        }
        .customize-context-reportExtension {
            background:  url("../icons/001.png") no-repeat !important;
            background-position: 12px 2px !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("file:///C:/FoxIcons/0804.png");
            filter: invert(.9);
            background-repeat: no-repeat !important;
            background-position: 4px 6px !important;
            background-size: 16px 16px !important;
        }
        
      }
    Alles anzeigen

    Hier das Ergebnis:

            

    Dann viel Spaß weiterhin.

    Gratulation noch zu Deiner Datei, ist ja Wahnsinn. :thumbup:

  • neue Schaltfläche "Einheitliche Erweiterungen"

    • FuchsFan
    • 23. Januar 2023 um 14:34
    Zitat von 2002Andreas

    Keine Ahnung was du genau gemacht hast

    Kann auch nicht sagen, was ich gemacht habe, aber im Kontext-Menü der Button (Symbolleiste) wollen hier auch nicht die Icon erscheinen. Alles versucht, Selektoren gewechselt, erweitert, aber nichts zu machen. Nur Kontext neuer Button, keine Probleme. Eine Datei Symbole.css angelegt, nur die betreffenden Code-Teile genommen, alles Übrige raus, trotzdem keine Anzeige in der Symbolleiste (andere ja)

    Nehme ich dann wieder meine ursprüngliche Einteilung vor, so wird wieder alles sauber angezeigt.

  • neue Schaltfläche "Einheitliche Erweiterungen"

    • FuchsFan
    • 23. Januar 2023 um 11:13
    Zitat von Mira_Belle

    in der userChrome.css sollte nach Möglichkeit gar kein Code stehen.

    Das ist bei mir der Fall, nur Import-Befehle sind enthalten.

    Um Dir jetzt zu helfen, wäre es angebracht, dass Du mal die Symbol.css offenlegst, damit wir anderen User auch nachvollziehen können, was da eventuell schief läuft. :/

  • neue Schaltfläche "Einheitliche Erweiterungen"

    • FuchsFan
    • 23. Januar 2023 um 10:19
    Zitat von Mira_Belle

    Wundert mich nur, dass wenn ich den Code in meine Symbol.css schreibe,

    Guten Morgen! :)

    Dann stimmt ja mit der Datei wohl etwas nicht. Werden denn andere Sachen aufgerufen, die darin enthalten sind (blöde Frage, gel)?

    Benenne doch mal die Datei um, und rufe sie mit neuem Namen auf. Letzte Frage, liegt die Datei auch im Ordner css?

  • neue Schaltfläche "Einheitliche Erweiterungen"

    • FuchsFan
    • 22. Januar 2023 um 21:31
    Zitat von Mira_Belle

    Und meine Frage dazu, warum ist das so?

    Das ist aus der Ferne nicht zu beurteilen, da kann immer etwas dazwischen funken.

    Das was Du von mir hast ist eine Datei für Icons der Symbolleiste, die css-Datei (liegt im Ordner IconsMenü) beginnt mit @-moz-document url(chrome://browser/content/browser.xhtml){ und endet mit der zweiten Klammer.

    Aufgerufen wird die Datei so @import "IconsMenü/Kontextmenu-Symboleiste.css";

  • neue Schaltfläche "Einheitliche Erweiterungen"

    • FuchsFan
    • 22. Januar 2023 um 20:59
    Zitat von Mira_Belle

    Und wie ich in #121 zu erklären versuchte, sind das zwei verschiedene Menüs.

    Ist mir voll und ganz verständlich, Du wolltest dieses haben RE: neue Schaltfläche "Einheitliche Erweiterungen" , und das habe ich Dir gegeben. Für das Popup der Erweiterungen (Kontext) des neuen Button. Also bitte nichts durcheinander bringen.

  • neue Schaltfläche "Einheitliche Erweiterungen"

    • FuchsFan
    • 22. Januar 2023 um 19:01
    Zitat von Mira_Belle

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

    Verstehe ich nicht, dass Du es nicht verstehst, wenn ich es doch verstehe. ;)

    Das war Spaß, jetzt aber Ernst.

    Du hast diesen Selektor menuitem.customize-context-manageExtension { in Deinem Beispiel gezeigt, worauf ich Dir zeigen wollte, dass dafür in meinem Code das hier .unified-extensions-context-menu-manage-extension{ angegeben war.

    Also bin ich davon ausgegangen, dass es so bei Dir nicht funktionieren konnte.

  • Hintergrund für Anwendungsmenü-Button ändern

    • FuchsFan
    • 22. Januar 2023 um 16:36
    Zitat von reni

    Ich glaub, ich habs:

    Richtig! :)

  • Hintergrund für Anwendungsmenü-Button ändern

    • FuchsFan
    • 22. Januar 2023 um 16:23
    Zitat von reni

    Damit ist dan zuviel eingefärbt - siehe Screenshot.

    Wir können ja nachlegen, ich hoffe, dass dieses jetzt gemeint ist. ;)

    CSS
    #PanelUI-button toolbarbutton#PanelUI-menu-button.toolbarbutton-1 stack.toolbarbutton-badge-stack{
        background-color: red !important;
    }    

    Wenn der Hintergrund ganz weg soll, dann ändere das so background: transparent !important;

  • Hintergrund für Anwendungsmenü-Button ändern

    • FuchsFan
    • 22. Januar 2023 um 16:04
    Zitat von reni

    Mir geht es doch aber um den Button für das Hamburger-Menü.

    Sorry!

    Dann nimm mal das bitte.

    CSS
    #PanelUI-menu-button.toolbarbutton-1{
        background-color: red !important;
    }    
  • Hintergrund für Anwendungsmenü-Button ändern

    • FuchsFan
    • 22. Januar 2023 um 15:51
    Zitat von reni

    Wie bekomme ich es auch bei diesem Button hin, dass der Hintergrund vollständig nicht mehr grau ist?

    Probiere mal damit.

    CSS
    #unified-extensions-button {
        background-color: red !important;
    }
  • neue Schaltfläche "Einheitliche Erweiterungen"

    • FuchsFan
    • 22. Januar 2023 um 15:46
    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.

    Hier das Beispiel aus Deinem gezeigten Code:

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

    Wenn ich das wieder "gerade biege", dann funktioniert es auch:

    CSS
    .unified-extensions-context-menu-manage-extension{
            background: url("..//icons/0502.png") no-repeat !important;
            background-position: 12px 2px !important;
        }

    ...ist nur ein Beispiel:


    Zitat von .DeJaVu

    der Name der Erweiterung wird (meistens) auch angezeigt, wenn man kurz mit der Maus auf dessen Symbol verharrt.

    Das hast Du gut gemacht, danke. :thumbup: :)


    Das hast Du gut gemacht, danke. :thumbup: :)

    Bilder

    • mini.png
      • 28,11 kB
      • 329 × 279
  • neue Schaltfläche "Einheitliche Erweiterungen"

    • FuchsFan
    • 22. Januar 2023 um 12:18
    Zitat von Mira_Belle

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

    Prima, wenn ich Dir damit helfen konnte, gern geschehen. :)

  • neue Schaltfläche "Einheitliche Erweiterungen"

    • FuchsFan
    • 21. Januar 2023 um 17:19
    Zitat von Mira_Belle

    ja bitte

    Bitte!

    CSS
    /* neuer Button "Erweiterungen" / im Popup Kontext-Menü der Button von aufgeführten Erweiterungen */
        
        #mainPopupSet menupopup#unified-extensions-context-menu menuitem.unified-extensions-context-menu-manage-extension{
        appearance:none!important;
        background: #fefefc url("file:///C:/FoxIcons/0819.png") no-repeat !important;
        background-position: 9px 4px !important;}
    
        #mainPopupSet menupopup#unified-extensions-context-menu menuitem.unified-extensions-context-menu-manage-extension:hover{
        appearance:none!important;
        background: greenyellow url("file:///C:/FoxIcons/0819.png") no-repeat !important;
        background-position: 9px 4px !important;}
    
        #mainPopupSet menupopup#unified-extensions-context-menu menuitem.unified-extensions-context-menu-remove-extension{
        appearance:none!important;
        background: #fefefc url("file:///C:/FoxIcons/0820.png") no-repeat !important;
        background-position: 9px 4px !important;}
    
        #mainPopupSet menupopup#unified-extensions-context-menu menuitem.unified-extensions-context-menu-remove-extension:hover{
        appearance:none!important;
        background: greenyellow url("file:///C:/FoxIcons/0820.png") no-repeat !important;
        background-position: 9px 4px !important;}
        
        #mainPopupSet menupopup#unified-extensions-context-menu menuitem.unified-extensions-context-menu-report-extension{
        appearance:none!important;
        background: #fefefc url("file:///C:/FoxIcons/0821.png") no-repeat !important;
        background-position: 9px 4px !important;}
        
        #mainPopupSet menupopup#unified-extensions-context-menu menuitem.unified-extensions-context-menu-report-extension:hover{
        appearance:none!important;
        background: greenyellow url("file:///C:/FoxIcons/0821.png") no-repeat !important;
        background-position: 9px 4px !important;}
        
        /* ab Version 109 / Kontext-Menü bei Button von Erweiterungen / label="An Symbolleiste anheften" */
        
        #mainPopupSet menupopup#toolbar-context-menu menuitem.customize-context-pinToToolbar{
        appearance:none!important;
        background: #fefefc url("file:///C:/FoxIcons/0002.png") no-repeat !important;
        background-position: 8px 4px !important;}
        
        #mainPopupSet menupopup#toolbar-context-menu menuitem.customize-context-pinToToolbar:hover{
        appearance:none!important;
        background: greenyellow url("file:///C:/FoxIcons/0003.png") no-repeat !important;
        background-position: 8px 4px !important;}
        
        #mainPopupSet menupopup#toolbar-context-menu menuitem.customize-context-pinToToolbar[type="checkbox"]>.menu-iconic-text {
        appearance: none !important;
        margin-left: -23px !important;}
        
        #mainPopupSet menupopup#unified-extensions-context-menu menuitem.unified-extensions-context-menu-pin-to-toolbar {
        appearance:none!important;
        background: #fefefc url("file:///C:/FoxIcons/0003.png") no-repeat !important;
        background-position: 8px 4px !important;}
    
        #mainPopupSet menupopup#unified-extensions-context-menu menuitem.unified-extensions-context-menu-pin-to-toolbar:hover{
        appearance:none!important;
        background: greenyellow url("file:///C:/FoxIcons/0002.png") no-repeat !important;
        background-position: 8px 4px !important;}    
    Alles anzeigen

    png.zip

  • neue Schaltfläche "Einheitliche Erweiterungen"

    • FuchsFan
    • 21. Januar 2023 um 17:01
    Zitat von Mira_Belle

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

    Ich könnte Dir damit aushelfen.

    Kontext normal:

    ...dann bei Hover (An Symbolleiste anheften):

  • neue Schaltfläche "Einheitliche Erweiterungen"

    • FuchsFan
    • 21. Januar 2023 um 13:15
    Zitat von 2002Andreas

    Aktiviert: nur eben je nach Einstellung der jeweiligen Webseite inaktiv oder aktiv.

    Und wieder Licht ins Dunkel gebracht. ;) :)

  • neue Schaltfläche "Einheitliche Erweiterungen"

    • FuchsFan
    • 21. Januar 2023 um 12:01
    Zitat von 2002Andreas

    Inaktive werden mir in dem Popup gar nicht angezeigt.

    Das richtet sich wohl immer nach deren Aufgabe, so denke ich. Bei mir in der beta sind es immer diese zwei Erweiterungen, sind m.M.n. erst aktiv , wenn auch eine Website geöffnet ist.

  • neue Schaltfläche "Einheitliche Erweiterungen"

    • FuchsFan
    • 21. Januar 2023 um 11:39
    Zitat von 2002Andreas

    Und so sollte der Code dann aussehen:

    Guten Morgen, Andreas! :)

    Ich habe da bei Hover noch unterteilt, oben für die aktiven, und unten die inaktiven Erweiterungen. Das funktioniert auch.

    CSS
    .unified-extensions-item-action-button.subviewbutton.panel-no-padding.webextension-browser-action:hover vbox.unified-extensions-item-contents label.unified-extensions-item-name{
        color: black !important;
        font-size: 1.2em !important;   
        font-weight: 700 !important;
    }

    CSS
    .unified-extensions-item-action-button.subviewbutton:hover vbox.unified-extensions-item-contents label.unified-extensions-item-name {
        color: red !important;
        font-size: 1.2em !important;   
        font-weight: 700 !important;
    }      

Unterstütze uns!

Jährlich (2025)

108,6 %

108,6% (705,72 von 650 EUR)

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