Hide Voice Control Buttons Until Hover

[hexed monolith]

Hey, can I make an edit of this that works with the Comfy- Style Spotify Player snippet, specifically :3's most recent version?(#🎨-css-snippets message)

[brittle citrus]

yeah ofc

actually

i think it broke in voice channels

like

it also affects the voice channel status bar when you are in one

but it shouldn't

[hexed monolith]

Ah, I see

All I really did is make sure it uses the spotify-colour when it's playing

Though I did have to modify the Comfy-Style Spotify Player's colour to use --background-primary so that the colour reverts to using a theme's colour when Spotify closes

It is interesting that this happens, though. It also seems like it makes it nearly impossible to leave a server call.

[hexed monolith]

Mainly asked because I have to use the entirety of your code and the Comfy Player's code for this to work, just in case if someone doesn't know where they should replace lines, so I'm glad I have at least your permission to post my edit. All that's left is the other author's. I know I don't have to, but it feels better to ask

[brittle citrus]

nice

[hexed monolith]

I won't release my edit until the issue is fixed, however

It was easy enough, though. I barely know how to write css, but I can certainly read some parts of it for edits

[hexed monolith]

I did just notice something else, though, when I was messing with your code. it seems like a lot of it can be taken out and still retain functionality. I was just trying to make it not function on purpose to look at something and ended up making some kind of variant of it

All that's enabled is this. I thought it was neat

[class^=sidebar-] [class^=panels-] [class^=container-] > [class*=flex-][class*=horizontal-] button {
    border-radius: 0;
    direction: ltr;
}
[class^=sidebar-] [class^=panels-] [class^=container-] > [class*=flex-][class*=horizontal-] button:not(:last-child) {
    height: 0;
    overflow: hidden;
    transition: height .22s ease;
}
[class^=sidebar-] [class^=panels-]:hover [class^=container-] > [class*=flex-][class*=horizontal-] button {
    height: 32px;
}```

[brittle citrus]

yeah the problem is just that it cuts off the username then

that was my original problem

because i had 4 buttons and i could only see blau...

[hexed monolith]

Guess I didn't notice since my name is small