Beiträge von Firefox_94.0.1

Zitat von Sören Hentzschel

Hallo,

ich denke nicht, dass es die Funktion jemals allgemein im Kontextmenü gab. Eine ältere Version als Firefox 32 konnte ich nicht testen (vor knapp zehn Jahren erschienen). Die Version hatte bereits keinen Kontextmenü-Eintrag dafür. Ebenso nicht die getesteten Firefox 89 (drei Jahre alt) und Firefox 115 (ein Jahr alt).

Wenn du Text markierst, gibt es aber „Auswahl drucken…“. Das ist auch in einem aktuellen Firefox noch so.

Dann habe ich das wohl mit "Auswahl drucken..." verwechselt. 2002Andreas danke für den Link mit der Erweiterung. Die ist hilfreich.

Hallo,

mir ist aufgefallen, dass im Kontextmenü die Option "Seite drucken" nicht mehr verfügbar ist. Wurde diese entfernt, oder habe ich da was verstellt? Wenn die Option entfernt wurde - gibt es ein Script, um diese manuell wieder hinzuzufügen?

Zitat von 2002Andreas

Zitat von Firefox_94.0.1

Mit dem Code von

Dann musst du den nehmen, und dir die Farben anpassen:

CSS

menu:not(#ContentSelectDropdown > menupopup > menuitem),	
menuitem:not(#ContentSelectDropdown > menupopup > menuitem) {
		&:where([disabled="true"]) {
      		border-radius: 10px !important;
			 /* color:color: #ffff !important; */
		    	text-shadow: none;
		}
		&:where([_moz-menuactive]:not([disabled="true"])) {
      		border-radius: 10px !important;
			    color: lime !important;  /* Schriftfarbe aktiv (hover) */
			    background-color: red !important; /* Feld aktiv (hover) */
		}
		&:where([_moz-menuactive="true"][disabled="true"]) {
      		border-radius: 10px !important;
      		color: yellow !important;    /* Schriftfarbe inaktiv (hover) */
		  	  background-color: green !important; /* Feld inaktiv (hover) */
		}
	}

Alles anzeigen

Vielen Dank für deine Mühe. Jetzt passt endlich alles

Zitat von 2002Andreas

Zitat von Firefox_94.0.1

wirkt der Code nicht auf die obere Schaltflächenleiste im Kontextmenü

Davon war in diesem Thread bisher auch nicht die Rede.

Teste wieder:

CSS

/*4. hover Farbe in allen pop-up menüs ändern*/
@-moz-document url-prefix("chrome://browser/content/browser.xhtml") {

menupopup > menu[open]:not(focus) {
  background: #8888b3 !important;
  color: white !important;
  border-radius: 9px !important;
}

menupopup > :is(menu,menuitem)[disabled="true"]:not(#ContentSelectDropdown > menupopup > menuitem):hover {
  color: white !important;
  border-radius: 9px !important;
  background-color: #2b2c86 !important; 
}

menupopup > :is(menu,menuitem):not([disabled="true"]):not(#ContentSelectDropdown > menupopup > menuitem):hover {
  color: #fff !important;
  border-radius: 10px !important;
  background-color: #8888b3 !important; 
}

#context-navigation > :is(menu,menuitem)[disabled="true"]:not(#ContentSelectDropdown > menupopup > menuitem):hover {
  color: white !important;
  border-radius: 9px !important;
  background-color: #2b2c86 !important; 
}

#context-navigation > :is(menu,menuitem):not([disabled="true"]):not(#ContentSelectDropdown > menupopup > menuitem):hover {
  color: #fff !important;
  border-radius: 10px !important;
  background-color: #8888b3 !important; 
}

#context-navigation > .menuitem-iconic:not([disabled="true"]):hover {
  background-color: #8888b3 !important;
  color: white !important;
}

#context-navigation > .menuitem-iconic[disabled="true"]:hover {
  background-color: #2b2c86 !important;
  color: #fff !important;
 }
}

Alles anzeigen

Danke, aber

- wenn man mit der Maus etwas schneller über die Menüpunkte (ohne Pfeil) fährt, scheint die falsche Farbe weiterhin durch, nur bei dem "aus dem Menü fahren" ist das jetzt weg.

Existiert immer noch. Das ganze merkt man an diesen "ruckeln" beim drüberfahren. Mit dem Code von Mira_Belle läuft das ganze flüssiger. Da hat man diesen Effekt nicht.

Zitat von 2002Andreas

Zitat von Firefox_94.0.1

Dann siehst du, was ich die ganze Zeit meine.

Ok, jetzt kann ich das nachvollziehen

Das liegt am fehlenden focus über dem Menü.

Teste bitte wieder:

CSS

/*4. hover Farbe in allen pop-up menüs ändern*/
@-moz-document url-prefix("chrome://browser/content/browser.xhtml") {

menupopup > menu[open]:not(focus){
 background: #8888b3 !important;
 color: white !important;
 border-radius: 9px !important;
}

menupopup > :is(menu,menuitem)[disabled="true"]:not(#ContentSelectDropdown > menupopup > menuitem):hover {
color: white !important;
border-radius: 9px !important;
background-color: #2b2c86 !important; /* old: #87CEFF */
}

menupopup > :is(menu,menuitem):not([disabled="true"]):not(#ContentSelectDropdown > menupopup > menuitem):hover {
color: #fff !important;
border-radius: 10px !important;
background-color: #8888b3 !important; /* old: #87CEFF */
}
}

Alles anzeigen

Zeile 4 - 8 sind neu.

Besser, aber noch nicht 100 % perfekt:

- wenn man mit der Maus etwas schneller über die Menüpunkte (ohne Pfeil) fährt, scheint die falsche Farbe weiterhin durch, nur bei dem "aus dem Menü fahren" ist das jetzt weg.

- Bei [disabled="true"] wirkt der Code nicht auf die obere Schaltflächenleiste im Kontextmenü (Pfeil vor, Pfeil zurück, Seite neu laden-Pfeil, Lesezeichen-Stern)

Zitat von 2002Andreas

Zitat von Firefox_94.0.1

Hier noch der verwendete Code:

Sieht hier so damit aus:

Zitat von 2002Andreas

Dann funkt dir noch ein anderer Code dazwischen.

Für den Hintergrund nutze ich

/*5. Farbe Rechtsklickmenü + Dropdown menüs in Menüleiste*/
arrowscrollbox.menupopup-arrowscrollbox {
   --menuitem-hover-background-color: #2B2C86 !important;
   --panel-color: #fff !important;
   --menu-color: #fff !important;
   --menu-disabled-color: lightgrey !important;
   --panel-background: #000080 !important;
   --panel-border-color: #000080 !important;
   --panel-border-radius: 5px !important;
}

Diesen habe ich gerade testweise auskommentiert. Da die Originalfarbe weiß mit schwarzer Schrift ist, fällt mein obiges Verhalten (s. .gif) auch nur auf, wenn man den Hintergrund farbig hat. Außerdem: Teste das mal bei einem Menüpunkt mit dem Rechtspfeil (wie Tableiste > "Lesezeichen-Symbolleiste") und fahre wie ich im .gif aus dem Menü. Dann siehst du, was ich die ganze Zeit meine.

Zitat von 2002Andreas

Zitat von Firefox_94.0.1

Kontexemüs in Webseiten auswirkt.

Beitrag Nr. 32 hast du gelesen?

Ja. Habe das Problem, welches mit deinem Code auftaucht, einmal aufgenommen (es geht NICHT um die Wirkung auf Webseiten). Da ich jedoch keine mp4-Dateien hochladen kann, hier als .gif. Der Anfang kann ignoriert werden, da bin ich mit der Maus falsch gefahren.

https://s5.ezgif.com/tmp/ezgif-5-058727704b.gif

Hier noch der verwendete Code:

/*4. hover Farbe in allen pop-up menüs ändern*/
@-moz-document url-prefix("chrome://browser/content/browser.xhtml") {
menupopup > :is(menu,menuitem)[disabled="true"]:not(#ContentSelectDropdown > menupopup > menuitem):hover {
color: white !important;
border-radius: 9px !important;
background-color: #2b2c86 !important; /* old: #87CEFF */
}
menupopup > :is(menu,menuitem):not([disabled="true"]):not(#ContentSelectDropdown > menupopup > menuitem):hover {
color: #fff !important;
border-radius: 10px !important;
background-color: #8888b3 !important; /* old: #87CEFF */
}
}

Zitat von 2002Andreas

Zitat von Firefox_94.0.1

Einen Link habe ich mittlerweile

Ich vermute mal, du verwechselst da etwas

Mit dem Zusatz in meinem Code sieht das z.B. bei Amazon so aus:

Und so ohne den Zusatz:

Dann hat der Eintrag links auch deine Hg Farbe.

Bei deinem Link hat der Zusatz keine Wirkung.

Ist z.B. hier ja auch schon so im Antwortenfenster bei einem Rechtsklick:

Das entspricht ja auch dem normalen Kontextmenü vom Firefox, und nicht das einer Webseite.

Ob man da etwas ändern könnte, bin ich überfragt.

Alles anzeigen

Ja, mit deinem Code funktioniert es, dass es sich nicht auf Webseiten auswirkt. Jedoch habe ich damit das im Edit von #22 beschriebene und in #34 erneut geschilderte Problem. Wenn du mir sagst, wie ich diese Bildschirmaufnahmen starten kann, könnte ich ein Video von dem Phänomen reinstellen.

Zitat von Mira_Belle

Firefox_94.0.1 Ist tatsächlich so, nur kann ich mir da keinen Reim drauf machen, Sorry.
Nutze Andreas CSS aus Beitrag #24, da tritt das dann nicht auf.
Und Dein geschildertes Problem aus #22 ist damit auch erledigt, gerade getestet.

Nachtrag!

Dass der Code auch auf Websites wirkt, hat mit dem Selektor "menuitem" zu tun.
Der ist wohl zu allgemein.

Ich werde da noch etwas herumprobieren, aber mit Andreas CSS sollten ja Deine Wünsche erfüllt sein.

MIt dem .css aus #24 habe ich aber das Problem, welches ich im Edit geschildert hatte: Wenn ich einen Menüpunkt verlasse, wird der Hintergrund weiß mit schwarzer Schrift und auch meine px-Einstellung ist weg. Ich werde (wohl) bei deinem bleiben und mich damit abfinden, dass es auch auf (manche) Kontexemüs in Webseiten auswirkt.

Zitat von Mira_Belle

Firefox_94.0.1 Hättest Du mal einen Link, wo Dir das passiert?

Und Du musst natürlich in Deiner userChrome.css

in der ersten Zeile @-moz-document url(chrome://browser/content/browser.xhtml) { stehen haben

und das ganze dann in der letzten Zeile auch mit ) abschließen!

Leider funktioniert das trotz @-moz-document nicht. Einen Link habe ich mittlerweile. Hier im Forum bei der erweiterten Suche das Menü, bei welchem man die Seitenteile auswählen kann, in welchen gesucht werden soll: https://www.camp-firefox.de/suche/

Zitat von Mira_Belle

Kann und darf auch ausprobiert werden, Farben müssen halt nach eigenen Wünschen angepasst werden.

CSS

menu,	
menuitem {
		&:where([disabled="true"]) {
      		border-radius: 10px !important;
			/* color:color: #ffff !important; */
		  	text-shadow: none;
		}
		&:where([_moz-menuactive]:not([disabled="true"])) {
      		border-radius: 10px !important;
			color: lime !important;  /* Schriftfarbe aktiv (hover) */
			background-color: red !important; /* Feld aktiv (hover) */
		}
		&:where([_moz-menuactive="true"][disabled="true"]) {
      		border-radius: 10px !important;
      		color: yellow !important;    /* Schriftfarbe inaktiv (hover) */
		  	background-color: green !important; /* Feld inaktiv (hover) */
		}
	}

Alles anzeigen

Im Hamburgermenü funktioniert dieses CSS aber noch nicht!

Und für's Hamburgermenü

CSS

	:is(panelview toolbarbutton.subviewbutton,.toolbaritem-combined-buttons
	:is([overflowedItem="true"]) > toolbarbutton):not([disabled]):hover {
		background-color: orange !important; /* Feld (hover) */
    	color: lime !important; /* Schriftfarbe (hover) */
	}	

Danke dafür. Der Code ist (fast) perfekt. Mit diesem ist auch mein im Edit von #22 geschildertes Problem nicht mehr da. Den Code für das Hamburger Menü habe ich noch nicht getestet, da ich für dieses einen separaten Code am laufen haben muss (:hover ist noch in da, aber in einer anderen Farbe).

Jedoch habe ich mit dem Code (wieder) das Problem, dass der sich auf auf Webseiten auswirkt... Kann man das noch ausschließen?

Zitat von 2002Andreas

Zitat von Firefox_94.0.1

aber das funktioniert leider nicht.

Teste bitte:

CSS

menupopup :is(menu,menuitem)[disabled="true"]:hover {
  color: #5656ab !important;
  border-radius: 9px !important;
  background-color: #2b2c86 !important; /* old: #87CEFF */
  }

Funktioniert leider nicht.

Edit: Bezieht sich noch auf den funktionierenden Code: Im Kontextmenü der Menüleiste gibt es den Punkt "Lesezeichen-Symbolleiste". Wenn ich diesen mit der Maus anklicke und anschließend aus dem Menü fahre, ist der Punkt nicht mehr in "#2b2c86" hinterlegt, wie ich es als :hover definiert habe, sondern der wird dann weiß hinterlegt mit schwarzer Schrift. Welche Eigenschaft muss ich hier noch definieren, damit die Farben auch beim rausfahren stabil bleiben?

Zitat von 2002Andreas

Zitat von Firefox_94.0.1

Wodurch wird jetzt der 25-px-Radius an den gewünschten Stellen definiert?

Laut dem Code beträgt der 10px.

Zitat von Firefox_94.0.1

Wenn ein Punkt im drop-down "ausgegraut" ist

Das hatte ich im Code ausgeschlossen.

Wenn du das auch für die Einträge möchtest, dann teste bitte wieder:

CSS

/*4. hover Farbe in allen pop-up menüs ändern*/
@-moz-document url-prefix("chrome://browser/content/browser.xhtml") {

menupopup :is(menu,menuitem):not(#ContentSelectDropdown > menupopup > menuitem):hover {
   color: #fff !important;
   border-radius: 10px !important;
   background-color: #8888b3 !important; /*old: #87CEFF*/
   }
}

In Zeile 4 habe ich das dann entfernt:

:not([disabled="true"]):

Alles anzeigen

Vielen Dank für den Code, dieser funktioniert wunderbar. Jedoch möchte ich die ausgegrauten Elemente doch separat steuern.

Ich habe es mit

menupopup[disabled="true"]:hover {
  color: #5656ab !important;
  border-radius: 9px !important;
  background-color: #2b2c86 !important; old: #87CEFF
  }
}

probiert, aber das funktioniert leider nicht.

Zitat von 2002Andreas

Zitat von Firefox_94.0.1

Kann man das noch trennen?

Neuer Versuch

CSS

/*4. hover Farbe in allen pop-up menüs ändern*/
@-moz-document url-prefix("chrome://browser/content/browser.xhtml") {

menupopup > menu:not(#ContentSelectDropdown > menupopup > menuitem):hover,
menupopup > menuitem:not(#ContentSelectDropdown > menupopup > menuitem):hover,
menupopup > menu[_moz-menuactive="true"],
menupopup > menuitem[_moz-menuactive="true"] {
   color: #fff !important;
   border-radius: 10px !important;
   background-color: #8888b3 !important; /*old: #87CEFF*/
   }
}

Alles anzeigen

---

Evtl. auch diese Kurzform

CSS

/*4. hover Farbe in allen pop-up menüs ändern*/
@-moz-document url-prefix("chrome://browser/content/browser.xhtml") {

menupopup :is(menu,menuitem):not([disabled="true"]):not(#ContentSelectDropdown > menupopup > menuitem):hover {
   color: #fff !important;
   border-radius: 10px !important;
   background-color: #8888b3 !important; /*old: #87CEFF*/
   }
}

Die Langform funktioniert nicht (hat Auswirkungen auf die Webseite), bei der Kurzform ist noch folgendes Problem: Wenn ein Punkt im drop-down "ausgegraut" ist, ist die :hover-Farbe nicht die #8888b3  sondern #f0f0f3. So kann man dort die weiße Schrift nicht lesen.

Und eine Frage, damit ich es dokumentieren kann: Wodurch wird jetzt der 25-px-Radius an den gewünschten Stellen definiert?

Zitat von 2002Andreas

Zitat von milupo

eben jene Zeile 12.

Sorry, wie peinlich.

Ich habe sie noch eingefügt.

Zitat von Firefox_94.0.1

leider das gleiche Problem.

Und damit?

CSS

/*4. hover Farbe in allen pop-up menüs ändern*/
@-moz-document url-prefix("chrome://browser/content/browser.xhtml") {

toolbarbutton.bookmark-item:not(.subviewbutton):hover,
:is(menu,menuitem):not([disabled="true"]):not(#ContentSelectDropdown > menupopup > menuitem):hover {
   color: #fff !important;
   border-radius: 10px !important;
   background-color: #8888b3 !important; /*old: #87CEFF*/
   }
}

Der Code wirkt sich nicht mehr auf Webseiten aus, jedoch wirkt sich dafür die "border-radius" Einstellung auch auf die Lesezeichen (davor nur das Order-drop down) sowie die Buttons in der Menüleiste (zuvor auch hier nur auf das drop down) aus. Kann man das noch trennen?

Zitat von 2002Andreas

Zitat von Firefox_94.0.1

nur als angemeldeter Benutzer

Du meinst auf einer Webseite?

Wo hast du den Code denn genau eingetragen?

Ansonsten, teste bitte mal.

CSS

/*4. hover Farbe in allen pop-up menüs ändern*/ /*--> mal anschauen*/

@-moz-document url-prefix("chrome://browser/content/browser.xhtml") {
menupopup > menu:hover,
menupopup > menuitem:hover,
menupopup > menu[_moz-menuactive="true"],
menupopup > menuitem[_moz-menuactive="true"] {
   color: #fff !important;
    border-radius: 10px !important;
   background-color: #8888b3 !important; /*old: #87CEFF*/
}

Alles anzeigen

Zeile 1 habe ich nur angepasst, da stimmten die /*...*/ nicht.

Zeile 3 + 12 sind neu.

Alles anzeigen

Genau. Der Code hat auswirkungen auf eine Webseite. Den Code habe ich ganz normal in der userChrome.css eingetragen. Mit deinem Code habe ich aber leider das gleiche Problem.

Für die oben genannten Menüs habe ich folgenden Code für die :hover Farbe in Verwendung:

/*4. hover Farbe in allen pop-up menüs ändern*/ --> /*mal anschauen*/
menupopup > menu:hover,
menupopup > menuitem:hover,
menupopup > menu[_moz-menuactive="true"],
menupopup > menuitem[_moz-menuactive="true"] {
   color: #fff !important;
    border-radius: 10px !important;
   background-color: #8888b3 !important; /*old: #87CEFF*/
}

Die Einstellungen wirken sich jedoch auch auf andere Menüs aus, nicht nur - wie gewollt - auf die im Titel genannten. Ein Beispiel zu nennen ist aber schwierig, da die Seite, auf welcher ich es bemerkt habe, nur als angemeldeter Benutzer mit entsprechenden Rechten benutzbar ist. Daher: gibt es Codes, welche sich nur auf die 3 genannten Elemente auswirken?

Zitat von 2002Andreas

Zitat von Firefox_94.0.1

Gibt es hier eine Option

Ändere bitte mal ab Zeile 54 zu:

CSS

#appMenu-popup toolbarbutton:hover {
background-color: #8888b3 !important;
color: #fff !important;
border-radius: 25px !important;
}

und teste es dann.

Funktioniert

Ich nutze schon länger diesen Code für das Hamburger Menü:

/********************* Hamburger Menü********************************************/

/*Abstände in Einstellungsmenüleiste verringern*/

#appMenu-popup .subviewbutton:not(#appMenu-fxa-status2) {
--arrowpanel-menuitem-padding: 0 !important;
--arrowpanel-menuitem-margin: 0 !important;
padding-left: 10px!important;
font-size: 12px !important;
min-height: 22px !important;
max-height: 22px !important;
}
#appMenu-fxa-status2 {
font-size: 12px !important;
}
#appMenu-protonMainView > vbox:nth-child(1) > toolbarseparator:nth-child(n+1) {
margin-top: 0 !important;
margin-bottom: 0 !important;
}

/*Schrift und Hintergrund*/
#appMenu-popup toolbarbutton,
#appMenu-popup .toolbaritem-combined-buttons,
#appMenu-popup .subviewbutton,
#appMenu-popup .widget-overflow-list .toolbarbutton-1 {
background-color: #00016E !important;
color: #fff !important;
}

/*Schriftfarbe von Einträgen mittig in Untermenüs*/
#appMenu-popup .subview-subheader {
font-size: inherit;
font-weight: inherit;
color: #fff !important;
}

/*Farbe in header und footer*/
#appMenu-popup panelview, #PanelUI-fxa {
width: 22.5em;
background-color: #00016E !important;
color: #fff !important;
}

/* Hover Schrift und Hintergrund Hamburger Menü */
/* #appMenu-mainView toolbarbutton:hover,
#appMenu-mainView .toolbaritem-combined-buttons:hover,
#appMenu-multiView .subviewbutton:hover,
#appMenu-multiView .widget-overflow-list .toolbarbutton-1:hover {
background-color: #8888b3 !important;
color: #fff !important;
}
*/

#appMenu-mainView toolbarbutton:hover,
#appMenu-mainView .toolbaritem-combined-buttons:hover,
#appMenu-multiView .subviewbutton:hover,
#appMenu-multiView .widget-overflow-list .toolbarbutton-1:hover {
background-color: #8888b3 !important;
color: #fff !important;
border-radius: 25px !important;
}

Die Einstellungen für :hover wirken sich jedoch auch an Menüstellen aus, wo diese nicht ganz passend sind, wie z. B. ganz oben ("Daten synconisieren...") oder bei dem Punkt "Zoom". Gibt es hier eine Option, damit diese Bereiche nicht von :hover erfasst werden, ohne dass ich für jeden einzelnen Menüpunkt die :hover-Einstellungen extra definieren muss?

Zitat von Mitleser

Ok, dann auf die harte Tour:

CSS

.mediaplayer.mediaplayer--reduced-m.mediaplayer--audio.mediaplayer--lazy-loading.mediaplayer--loaded div.player.ardplayer.ardplayer-show-controls.ardplayer-state-audio.ardplayer-state-audio-inline.ardplayer-state-inactive.ardplayer-m.ardplayer-bs-break {
  background-color: red !important;
}

Jetzt?

Ja. Perfekt. Danke für deine Hilfe.