Beiträge von Firefox_94.0.1

  • :hover für Kontextmenü, Ordner in Favoritenleiste und Dropdown in Menüleiste

    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:

    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)

  • :hover für Kontextmenü, Ordner in Favoritenleiste und Dropdown in Menüleiste

    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

    CSS
    /*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.

  • :hover für Kontextmenü, Ordner in Favoritenleiste und Dropdown in Menüleiste

    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:


  • :hover für Kontextmenü, Ordner in Favoritenleiste und Dropdown in Menüleiste

    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.

  • :hover für Kontextmenü, Ordner in Favoritenleiste und Dropdown in Menüleiste

    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.

  • :hover für Kontextmenü, Ordner in Favoritenleiste und Dropdown in Menüleiste

    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/

  • :hover für Kontextmenü, Ordner in Favoritenleiste und Dropdown in Menüleiste

    Zitat von Mira_Belle

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

    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?

  • :hover für Kontextmenü, Ordner in Favoritenleiste und Dropdown in Menüleiste

    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?

  • :hover für Kontextmenü, Ordner in Favoritenleiste und Dropdown in Menüleiste

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

    Ich habe es mit

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

    probiert, aber das funktioniert leider nicht.

  • :hover für Kontextmenü, Ordner in Favoritenleiste und Dropdown in Menüleiste

    Zitat von 2002Andreas
    Zitat von Firefox_94.0.1

    Kann man das noch trennen?

    Neuer Versuch;)

    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?

  • :hover für Kontextmenü, Ordner in Favoritenleiste und Dropdown in Menüleiste

    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?

  • :hover für Kontextmenü, Ordner in Favoritenleiste und Dropdown in Menüleiste

    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.

  • :hover für Kontextmenü, Ordner in Favoritenleiste und Dropdown in Menüleiste

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

    CSS
    /*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?

  • Hamburger Menü :hover

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


    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?


    Code

  • Tagesschau.de Audiofenster in Artikel

    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.

  • Tagesschau.de Audiofenster in Artikel

    Zitat von Mitleser
    Zitat von Firefox_94.0.1

    Wirkt sich leider nur auch auf (div.ardplayer-posterbackdrop) aus

    Aber nicht auf dem von dir erwähnten Beispiellink (https://www.tagesschau.de/ausland/amerik…huldig-100.html) oder doch? Oder wo sonst (Bitte Link/Screen). Und was heißt 'teilweise'?

    Teilweise = Auf der genannten Seite funktioniert es, aber es wirkt sich auf Elemente auf der Startseite (https://www.tagesschau.de/) Videoeinbettung unter der Überschrift "Zollstreit mit China" aus.

  • Tagesschau.de Audiofenster in Artikel

    Zitat von milupo

    Eine Farbangabe mit 8 Stellen gibt es nicht. Im allgemeinen wird die Farbe im RGB-Format angegeben. Das hat nur 6 Stellen. #00016e ist OK, #00016e82 aber nicht. Oder meintest du eigentlich #000082? #00016 gibt es auch nicht, aber hier meintest du wohl auch #00016e.

    .ardplayer ist eine Klasse ja, die wirkt sich auf alle Elemente aus, die die Klasse haben. Wenn es aber nur um die unterschiedlichen Artikel geht, bette mal die Einträge mit .ardplayer am Anfang in @-moz-document url("https://www.tagesschau.de/ausland/amerik…huldig-100.html")

    Dann sollte dein CSS nur auf den ARD-Player auf dieser Seite funktionieren, aber auch nur auf dieser Seite. Ich halte es für Unsinn den ARD-Player auf jeder Seite unterschiedlich zu gestalten. Die ARD hat es bewusst so gemacht, dass der Player auf allen Seiten das gleiche Aussehen hat. Ich nehme mal an, dass deine falschen Farbangaben die Ursache für dein Problem sind.

    Danke für deine Ausführungen. Ja, #00016e ist korrekt. Habe ich mWn auch so in der .css.

    Das "#00016e82" habe ich über den Farbwähler in den Entwicklerwerkzeugen erzeugt, in dem ich von dem #00016e die Deckkraft reduziert habe. Die Farbe funktioniert an sich auch, wie sie soll.

    Problem konkret:

    Wenn ich den unteren Player (div.player.ardplayer.ardplayer-show-controls.ardplayer-state-audio.ardplayer-state-audio-inline.ardplayer-state-inactive ardplayer-m.ardplayer-bs-break.rdplayer-bs-xl) auf #00016e setze, wirkt sich das auf den (div.ardplayer-posterframe) aus.

    Ich möchte nicht den Player auf jeder Seite einzeln ändern, sondern nur den großen am Artikelende. Die kleinen Bild-Player sollen bleiben, wie sie sind.