Und wenn er dann zu schwer ist, dann startet er nicht mehr
Dann gibt es noch den Turbo-Lader.
![]()
Und wenn er dann zu schwer ist, dann startet er nicht mehr
Dann gibt es noch den Turbo-Lader.
![]()
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.
@-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
Es funktioniert jetzt, und zwar genau, wie es soll.
![]()
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:
@-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. ![]()
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.
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. ![]()
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?
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";
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.
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.
Ich glaub, ich habs:
Richtig! ![]()
Damit ist dan zuviel eingefärbt - siehe Screenshot.
Wir können ja nachlegen, ich hoffe, dass dieses jetzt gemeint ist. ![]()
#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;
Mir geht es doch aber um den Button für das Hamburger-Menü.
Sorry!
Dann nimm mal das bitte.
Wie bekomme ich es auch bei diesem Button hin, dass der Hintergrund vollständig nicht mehr grau ist?
Probiere mal damit.
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:
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:
.unified-extensions-context-menu-manage-extension{
background: url("..//icons/0502.png") no-repeat !important;
background-position: 12px 2px !important;
}
...ist nur ein Beispiel:
der Name der Erweiterung wird (meistens) auch angezeigt, wenn man kurz mit der Maus auf dessen Symbol verharrt.
Das hast Du gut gemacht, danke.
![]()
Das hast Du gut gemacht, danke.
![]()
Vielen Dank für den Code hat mir sehr weiter geholfen.
Prima, wenn ich Dir damit helfen konnte, gern geschehen. ![]()
ja bitte
Bitte!
/* 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
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):
Aktiviert: nur eben je nach Einstellung der jeweiligen Webseite inaktiv oder aktiv.
Und wieder Licht ins Dunkel gebracht.
![]()
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.
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.