Gnome-Erweiterung: St.Icon Bild bei Hover ändern?

Question

So Aufgabe ist einfach, aber nicht für mich - grüne Gnome Erweiterungen Entwicklung noob. Natürlich habe ich das gegoogelt, aber nichts gefunden, was hier hilfreich sein könnte.

extension.js:

https://pastebin.com/TqDVp8Yz - weil 'Ihre Post meist Code'.

stylesheet.css:

.poppy-button { 
    background-size: 20px; 
    width: 20px; 
    height: 20px; 
    background-image: url("Resources/poppy.svg"); 
} 

.poppy-button:active, 
.poppy-button:focus, 
.poppy-button:checked, 
.poppy-button:hover { 
    background-image: url("Resources/poppy-active.svg"); 
} 

Answer 1

Ich würde die CSS vermeiden und auf die "enter-event" und "leave-event" Signale verbinden, da alle Elemente StWidget auch ClutterActors sind.

myIcon = new St.Icon({ icon_name: "normal-icon-name"; }); 

myIcon.connect("enter-event", (widget) => { 
    widget.icon_name = "hover-icon-name"; 
}); 

myIcon.connect("leave-event", (widget) => { 
    widget.icon_name = "normal-icon-name"; 
}); 

Auf der anderen Seite könnte Ihre CSS arbeiten, wenn Sie „track-hover“ auf true StIcon gesetzt.

Pro-Amateur-Tipp: Fügen Sie den "gjs" -Tag zu Ihren Fragen hinzu, um mehr Hilfe für Gnome Shell-Erweiterungen zu erhalten.