matt1432/nixos-configs
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix(ags): keep hovered state for playpause button

Browse source
This commit is contained in:
matt1432 2023-09-18 14:56:57 -04:00
parent 0004dd85be
commit c66909efed
1 changed files with 18 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

23
config/ags/js/media-player/mpris.js
View file

@ -156,7 +156,9 @@ export const Slash = player => Label({
const PlayerButton = ({ player, items, onClick, prop }) => Button({ const PlayerButton = ({ player, items, onClick, prop }) => Button({
child: Stack({ items }), child: Stack({ items }),
onPrimaryClickRelease: () => player[onClick](), onPrimaryClickRelease: () => player[onClick](),
properties: [['hovered', false]],
onHover: box => { onHover: box => {
box._hovered = true;
if (! box.child.sensitive || ! box.sensitive) { if (! box.child.sensitive || ! box.sensitive) {
box.window.set_cursor(Gdk.Cursor.new_from_name(display, 'not-allowed')); box.window.set_cursor(Gdk.Cursor.new_from_name(display, 'not-allowed'));
} }
@ -174,6 +176,7 @@ const PlayerButton = ({ player, items, onClick, prop }) => Button({
} }
}, },
onHoverLost: box => { onHoverLost: box => {
box._hovered = false;
box.window.set_cursor(null); box.window.set_cursor(null);
if (prop == 'playBackStatus') { if (prop == 'playBackStatus') {
items.forEach(item => { items.forEach(item => {
@ -191,11 +194,21 @@ const PlayerButton = ({ player, items, onClick, prop }) => Button({
[player.colors, button => { [player.colors, button => {
if (player.colors.value) { if (player.colors.value) {
if (prop == 'playBackStatus') { if (prop == 'playBackStatus') {
items.forEach(item => { if (button._hovered) {
item[1].setStyle(`background-color: ${player.colors.value.buttonAccent}; items.forEach(item => {
color: ${player.colors.value.buttonText}; item[1].setStyle(`background-color: ${player.colors.value.hoverAccent};
min-height: 42px; min-width: 38px;`); color: ${player.colors.value.buttonText};
}); min-height: 40px; min-width: 36px;
margin-bottom: 1px; margin-right: 1px;`);
});
}
else {
items.forEach(item => {
item[1].setStyle(`background-color: ${player.colors.value.buttonAccent};
color: ${player.colors.value.buttonText};
min-height: 42px; min-width: 38px;`);
});
}
} }
else { else {
button.setCss(`* { color: ${player.colors.value.buttonAccent}; } button.setCss(`* { color: ${player.colors.value.buttonAccent}; }