[Bug] mpris widget appears to have permanent inset transparent shadow

[huntekye]

Describe the bug
Whenever the left or right edges of .widget-mpris-player come very close to the edge of one of .widget-mpris, .widget-mpris > box, or .widget-mpris > box > button, the left/right edge of .widget-mpris-player has a feathered transparent bit, which seems to defy any attempt to remove it.

To Reproduce
Steps to reproduce the behavior:

1. The following section in config.json

"mpris": {
  "image-size": 96,
  "image-radius": 7,
  "blur" : false
},

2. Example style.css 1, with 1 active player:

.widget-mpris {
  background: black;
  box-shadow: none;
  border: none;
  padding: 0px;
  margin: 0px;
}
.widget-mpris > box {
  background: grey;
  box-shadow: none;
  border: none;
  padding: 0px;
  margin: 0px;
}
.widget-mpris > box > button {
  background: green;
  box-shadow: none;
  border: none;
  border-radius: 0px;
  padding: 0px;
  margin: 0px;
}
.widget-mpris-player {
  background: white;
  box-shadow: none;
  border: none;
  border-radius: 0px;
  padding: 0px;
  margin: 0px;
}
.widget-mpris-album-art {
  box-shadow: none;
  margin: 20px;
}

3. Example style.css 2, with 1 active player:

.widget-mpris {
  background: black;
  box-shadow: none;
  border: none;
  padding: 20px;
  margin: 0px;
}
.widget-mpris > box {
  background: grey;
  box-shadow: none;
  border: none;
  padding: 0px;
  margin: 0px;
}
.widget-mpris > box > button {
  background: green;
  box-shadow: none;
  border: none;
  border-radius: 0px;
  padding: 0px;
  margin: 0px;
}
.widget-mpris-player {
  background: white;
  box-shadow: none;
  border: none;
  border-radius: 0px;
  padding: 0px;
  margin: 0px;
}
.widget-mpris-album-art {
  box-shadow: none;
  margin: 20px;
}

4. Example style.css 3, with 2 active players:

.widget-mpris {
  background: black;
  box-shadow: none;
  border: none;
  padding: 20px;
  margin: 0px;
}
.widget-mpris > box {
  background: grey;
  box-shadow: none;
  border: none;
  padding: 20px;
  margin: 0px;
}
.widget-mpris > box > button {
  background: green;
  box-shadow: none;
  border: none;
  border-radius: 0px;
  padding: 0px;
  margin: 0px;
}
.widget-mpris-player {
  background: white;
  box-shadow: none;
  border: none;
  border-radius: 0px;
  padding: 0px;
  margin: 0px;
}
.widget-mpris-album-art {
  box-shadow: none;
  margin: 20px;
}

Expected behavior
Ideally there should be some way to remove these faded edges on the player, which I have not managed to do. I'm considering this a bug since none of the other widgets seem to behave the same way.

Desktop:

• OS: Arch: 6.9.2-arch1-1 #1 SMP PREEMPT_DYNAMIC Sun, 26 May 2024 01:30:29 +0000 x86_64 GNU/Linux
• WM: sway
• Version: swaync 0.10.1

[ErikReider]

It's a fade effect that I added so that the widget doesn't just disappear when switching to a different player.

It isn't supposed to be visible when not scrolling though...