Beiträge von Mira_Belle

  • neue Schaltfläche "Einheitliche Erweiterungen"

    Zitat von FuchsFan

    Guten Morgen! :)

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

    ..

    Moin.
    Nein, die Frage ist nicht blöd :!:
    Naja, das Kuriose ist ja, dass alles andere z.B. in der Symbol.css einwandfrei funktioniert!
    Nur der hinzugefügte Code nicht.
    Aber egal, jetzt habe ich eine, wenn auch etwas unpraktische, Lösung.
    Der eine Teil, also der Code von Dir, ist in einer eigenen CSS und der andere Teil,
    der für das andere Menü befindet sich leider direkt in der userChrome.css.
    Und gerade das wollte ich möglichst vermeiden,

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

  • neue Schaltfläche "Einheitliche Erweiterungen"

    Zitat von FuchsFan

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

    OK.

    Zitat von FuchsFan

    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";

    Und bei mir ist der Code, "dein" Code in einer neuen separaten Datei namens Erweiterungsmenü.css hinterlegt.

    Auch bei mir fangt diese Datei mit @-moz-document url(chrome://browser/content/browser.xhtml){.

    Sie liegt unter Chrome im Unterordner css und wird in der userChrome.css per

    @import url("./css/Erweiterungsmenü.css") eingebunden.

    Funktioniert auch so weit.

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

    dieser dann aber funktionslos bleibt, aber alles andere funktioniert.

    Auch diese Datei fängt mit @-moz-document url(chrome://browser/content/browser.xhtml){ an!

    Seltsam, ganz seltsam.

  • neue Schaltfläche "Einheitliche Erweiterungen"

    Zitat von FuchsFan

    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.

    Gut wäre dies geklärt.

    Und ich bin mir sicher, dass ich nichts durcheinander bringe.

    Nun also in kleinen Schritten.

    Wenn ich "Deinen" Code in "meine" Symbol.css schreibe, bleibt er wirkungslos.

    Schreibe ich ihn in eine separate Datei, Erweiterungsmenü.css, und binde diese per

    @import url("./css/Erweiterungsmenü.css") in "meine" userChrome.css ein, dann funktioniert es.

    Und meine Frage dazu, warum ist das so?

  • neue Schaltfläche "Einheitliche Erweiterungen"

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

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

    Wir haben da wohl etwas aneinander vorbeigeschrieben.

    @2002Andreas kannst Du mir die zwei Fragen beantworten?

  • störender Rand in Popup-Menü

    Zitat von gabinski

    Mein bisheriger css.Code für die Popups:

    ...

    Das kann aber nicht Dein ganzer Code sein!

    Denn das ...

    ... wird bei mir so ...

    ... dargestellt.

  • neue Schaltfläche "Einheitliche Erweiterungen"

    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"

    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.

    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"

    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.

  • neue Schaltfläche "Einheitliche Erweiterungen"

    @2002Andreas & @FuchsFan


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

    Das ist dann faraus geworden:

    @Sören Hentzschel

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

    was nimmt man dann?

  • neue Schaltfläche "Einheitliche Erweiterungen"

    Habe den erwünschten Effekt hinbekommen!

    Nur ob der Code so wirklich gut ist!

    Das schaut dann doch schon besser aus.

    CSS
    :is(toolbarbutton):not([disabled]) {
    color: #E0E0E0 !important;
}
:is(toolbarbutton):not([disabled]):hover {
    color: #FFA500 !important;
}