Circle-Menü => transparenter Hintergrund

[Andy89]

Und wenn im eingeklapptenZustand sowohl Icon und Hintergrund transparent und somit die versteckten Icons "unsichtbar"  geschaltet werden?
Gruß Eberhard

das müsste machbar sein. Und zwar in der Methode, wo die Icons sonst hervorgerufen werden... 

[Andy89]

Servus,
hab heute solange rumgespielt, bis ich es hinbekommen habe. Die einzige Datei, die verändert muss, ist die jquery.circlemenu.js

Im Anhang habe ich sie mal angehängt 

Es gibt nur 4 kleine Änderungen, der Rest ist so gelieben wie er war:

• Alle Skalierungen nach einem Klicken oder Wegklicken sind auf 0 gesetzt, dadurch sind die "anderen" Symbole unsichtbar.
  Zeile 192, 221, 269. Beispiel Zeile 269 

Code Auswählen Erweitern

vendorPrefixes(self.menu_items, 'transform', 'scale(0)');

• Das erste Element bekommt einen durchsichtigen Hintergrund.
  Zeile 260:

Code Auswählen Erweitern

self.element.children('li:first-child').css({'z-index': 1000-self.options.depth, 'background-color':'transparent' });

Viel Spaß damit und dem schönerem UI   

Beste Grüße
Andy

edit: Anhang vergessen 

[setstate]

Das Standardverhalten/Aussehen bleibt aber trotzdem gleich? Das wäre perfekt.
Ich sehe bei mir bis jetzt keinen Unterschied an der Stelle, wo Transparenz keine Rolle spielt.

[Andy89]

wo Transparenz keine Rolle spielt ist es auch egal. Aber wo Transparenz wichtig ist, sieht man es schön. Bisher habe ich kein anderes Verhalten festgestellt. Dürfte meiner Meinung aber auch nicht, da die Symbole nur noch kleiner werden und das erste Element einen durchsichtigen Hintergrund hat.

Unten sind nun 3 Bilder.

• zugeklappt
• aufgeklappt
• aufgeklappt und angewählt

das Problem mit dem z-index, dass es hinter dem halb-transparenten li ist, ist seit dem letzten Update vorhanden. Hier wurde es auch schon angesprochen:

Wenn ich eines der Menues links antippe, klappen sie immer aus dem kleinen Icon oben links auf, und nicht aus ihrer Position. Außerdem habe ich festgestellt das das kleine Icon oben links eine Überlagerung aller letzten Icons aus den Circlemenue´s ist. Die ausgeklappten Icons werden ausserdem nun hinter dem semitransparenten Swiper mit dem Wetter angezeigt, lassen sich aber nicht antippen.

aber ich hatte keine Lust gestern zu suchen, welcher z-index dafür zuständig ist Aber das sollte nicht mehr so schwer werden 

[setstate]

Mit dem Verdecken ist es bestimmt ähnlich, wie bei diesem Thema:
https://forum.fhem.de/index.php/topic,48272.msg400018.html#msg400018

[Andy89]

noshade ist schon dauerhaft gesetzt und bringt leider nicht