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

feat(ags): add anim on playpause button in player

Browse source
This commit is contained in:
matt1432 2023-09-18 14:31:08 -04:00
parent b5784a9e48
commit 0004dd85be
3 changed files with 22 additions and 19 deletions
config/ags/js/media-player
mpris.js

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

@ -47,7 +47,7 @@ export const CoverArt = (player, params) => CenterBox({
});
export const TitleLabel = (player, params) => Label({
...params,
...params,
xalign: 0,
maxWidthChars: 40,
truncate: 'end',
@ -167,7 +167,9 @@ const PlayerButton = ({ player, items, onClick, prop }) => Button({
if (prop == 'playBackStatus') {
items.forEach(item => {
item[1].setStyle(`background-color: ${player.colors.value.hoverAccent};
color: ${player.colors.value.buttonText};`);
color: ${player.colors.value.buttonText};
min-height: 40px; min-width: 36px;
margin-bottom: 1px; margin-right: 1px;`);
});
}
},
@ -176,7 +178,8 @@ const PlayerButton = ({ player, items, onClick, prop }) => Button({
if (prop == 'playBackStatus') {
items.forEach(item => {
item[1].setStyle(`background-color: ${player.colors.value.buttonAccent};
color: ${player.colors.value.buttonText};`);
color: ${player.colors.value.buttonText};
min-height: 42px; min-width: 38px;`);
});
}
},
@ -190,7 +193,8 @@ const PlayerButton = ({ player, items, onClick, prop }) => Button({
if (prop == 'playBackStatus') {
items.forEach(item => {
item[1].setStyle(`background-color: ${player.colors.value.buttonAccent};
color: ${player.colors.value.buttonText};`);
color: ${player.colors.value.buttonText};
min-height: 42px; min-width: 38px;`);
});
}
else {