Selektor für kleinen Pfeil in CSS-Code zum extra-config-menü.uc.js ab v139

Horstmann

Zitat von FuchsFan

Das sehe ich auch so, aber so funktioniert es nun mal nicht. Einen weiteren Code gibt es nur für das Bereitstellen der Icons, ansonsten keine weiteren Anpassungen. Ich betone nochmals, der Code aus #1 funktioniert bis v138 ohne Probleme, deshalb kann es nur an Änderungen in den folgenden Versionen liegen.

Nochmal die Frage: an welchem Punkt ist das Problem aufgetreten?
Gleich nach dem Umstellen von .menu-right auf menu::after, oder #ExtraConfigMenu-popup [id^="submenu-"]:hover::after etc.

Und ist das Problem das Hovern über dem Sub Popup, nachdem man die Maus aus dem ersten (Haupt) Popup herausbewegt schliesst sich der Sub ohne dort etwas anzuklicken?

Und: der aktuelle, komplette CSS Code?

FuchsFan

Zitat von Horstmann

Nochmal die Frage: an welchem Punkt ist das Problem aufgetreten?

menu::after geht gar nicht

#ExtraConfigMenu-popup :is(#submenu-ucjs,#submenu-css,#submenu-cssweb,#submenu-cssabout,#submenu-cssshadow,#submenu-about,#submenu-extra2,#submenu-extra):hover::after { funktioniert bestens

#ExtraConfigMenu-popup [id^="submenu-"]:hover[open]::after { funktioniert mit kl. Verzögerung

Zitat von Horstmann

Und ist das Problem das Hovern über dem Sub Popup, nachdem man die Maus aus dem ersten (Haupt) Popup herausbewegt schliesst sich der Sub ohne dort etwas anzuklicken?

....damit:

#ExtraConfigMenu-popup [id^="submenu-"]:hover::after {

Auf deinen Wunsch hin habe ich dieses nochmal aufgeführt. Dass es jetzt solche Ausmaße angenommen hat konnte ich nicht ahnen. Mir ist hier geholfen worden, dafür bedanke ich mich bei allen herzlichst. Ich habe zwei Selektoren die ich einsetzen kann, und bin damit zufrieden (wenn es denn so bleibt).

FuchsFan

Hier noch ein Nachtrag. Zum Vergleich mal den Code für das Appmenu.uc.js, dort funktioniert es ohne Probleme, Selektoren fast identisch.

CSS

/*rechts der kleine Pfeil / neues Icon*/
#AppMenuButton menupopup#AMpopup menu.menu-iconic::after {
  content: "" !important;
  background-image: url("..//icons/rechts6.png") !important;
  margin-right: 12px !important; 
  background-size: 18px 18px !important;
}

/*rechts der kleine Pfeil bei hover / neues Icon*/
#AppMenuButton menupopup#AMpopup menu.menu-iconic:hover::after {
  content: "" !important;
  background-image: url("..//icons/down2.png") !important;
  margin-right: 12px !important; 
  display: block !important;
  background-repeat: no-repeat !important;
  background-position: 0px 3px !important;
  background-size: 14px 14px !important;
}

Alles anzeigen