User Panel

[stuck river]

instead of using all those aria labels, which don't work unless the language is english i believe, you can just replace all of them with .container-YkUktl button

@chilly frigate

[scarlet steppe]

it is less robust

[stuck river]

wha
what do you mean

[scarlet steppe]

discord randomly changes the hash next to .container- but never changed the aria label

[stuck river]

they haven't changed it from the time i made my profile panel snippet so shrugger

[queen zephyr]

For those of us that only have three buttons there

/*User Panel*/
.nameTag-sc-gpq {
    text-align: center;
}
.withTagAsButton-OsgQ9L, .withTagless-10ooWt{
    min-width: 212px!important;
    position: fixed;
    margin-top: -80px;
    margin-left: 5px;
    border-radius: 5px;
}
.container-YkUktl button {
    width: 70px;
    background-color: var(--background-primary);
    margin: 4px;
    border-radius: 5px;
}
.container-YkUktl{
    margin-top: 40px;
}

[stuck river]

again, that issue doesn't exist with the suggestion i made

y'all just stupid!

[scarlet steppe]

lol

[stuck river]

oh
i misread katze's snippet lol

[scarlet steppe]

confirmation bias

[stuck river]

what

[scarlet steppe]

You where certain that using aria labels, which are language specifics, will create issue for some ppl
So when you saw another css snippet, you immediatly thought that it was about this and that it proved your point
That is because of comfirmation bias

[stuck river]

what

ok

[queen zephyr]

WT

[chilly frigate]

If your using the one i posted it works

[pine niche]

Having same issue as Vincent with #🎨-css-snippets message

[chilly frigate]

Strange as it still works for me

Are you using a theme?

[pine niche]

https://cdn.discordapp.com/attachments/944898511743369237/1096545287641768066/2023-04-14_23h19.png

(nitro plugin)

[chilly frigate]

Strange

Even when i change theme it works

[pine niche]

I'm on ptb

[chilly frigate]

Oh

Container is wrong then

Hows your looks?

[pine niche]

I juste turned off my pc :/

[chilly frigate]

You need the one highlighted but for yours as your on PTB

[pine niche]

Basically like that, I don't have custom icons like him

[chilly frigate]

The custom icons is another theme i coded for the icons for all of them lol

Yours should still have the buttons and name like the same tho as thats what i posted out

[pine niche]

Yes same locations for my icons

[pine niche]

I'll check tomorrow, gotta sleep
thx

[chilly frigate]

Np bud

[chilly frigate]

Well iv just tried it with discord PTB and it works too...

This is with only the top code, #🎨-css-snippets message

[pine niche]

https://cdn.discordapp.com/attachments/944898511743369237/1096874787906801745/2023-04-15_21h08.png

:/

[chilly frigate]

Cant see it lol

[chilly frigate]

Try this one.
/User Panel/

    min-width: 212px!important;
    position: fixed;
    margin-top: -80px;
    margin-left: 5px;
    border-radius: 5px;
}
button[aria-label="Disable Game Activity"], button[aria-label="Enable Game Activity"], button[aria-label="Mute"], button[aria-label="Deafen"], button[aria-label="User Settings"] {
    width: 48px!important;
    background: var(--bg-overlay-4,var(--background-primary))!important;
    margin: 4px!important;
    border-radius: 5px!important;
}
.container-YkUktl{
    padding-top: 40px!important; 
}```

I dont know what other code you might be using but if you put !important after them it should force that code before others.

[scarlet steppe]

change aria labels to match the french ones (or put discord in english)

[chilly frigate]

Oh yeah nice catch... I could not think of any other reason why it would not work

[scarlet steppe]

@stuck river was right :)

[stuck river]

yop B)

[pine niche]

I changed aria labels, seems to work

https://cdn.discordapp.com/attachments/944898511743369237/1097239392298487988/2023-04-16_21h17.png

That grey background behind my avatar/name looks bad with my theme tho

[queen zephyr]

button[aria-label="Mute"] also affects the mute button inside voice channels and DM calls

solution: .container-YkUktl button[aria-label="Mute"]

[chilly frigate]

Post your code in here as iv changed it a few times to get it right with all themes and its working right now

[chilly frigate]

This one works with all themes as iv just test it.

.withTagAsButton-OsgQ9L, .withTagless-10ooWt{
    min-width: 212px!important;
    max-width: 60px;
    position: fixed;
    margin-top: -80px;
    margin-left: 5px;
    border-radius: 5px;
}
.container-YkUktl button {
    width: 48px;
    background: var(--bg-overlay-4,var(--background-primary));
    margin: 4px;
    border-radius: 5px;
}
.container-YkUktl{
    padding-top: 40px; 
}```

[stuck river]

instead of using all those aria labels, which don't work unless the language is english i believe, you can just replace all of them with .container-YkUktl button

[fathom vale]

the status is just goes on, is there any way to fix this?

[queen zephyr]

add max-width: 60px; to .withTagAsButton-OsgQ9L, .withTagless-10ooWt

[fathom vale]

thank you it worked

[queen zephyr]

min-width with max-width together is so weird...

somehow that works

[fathom vale]

it works so not gonna complain abt it

[queen zephyr]

for some reason max-width: 1px works?

[chilly frigate]

Yeah iv changed it, i tried it like that before and some reason it did not work when i was testing it

[stuck river]

ok

[pine niche]

works great ty

[chilly frigate]

Your welcome I seen my error in the code I made.

[heavy dagger]

this stopped working for me just today

[heavy dagger]

i think for this reason

[heavy dagger]

how to replace this section with aria labels

nvm found solution #🎨-theme-development message

[heavy dagger]

will this be updated with latest class tags?
i cant check them myself cus everytme i do ctrl+shift+i i get logged out of all discord accounts

[queen zephyr]

/*User Panel*/
[class*=withTagAsButton_], [class*=withTagless_] {
    min-width: 212px!important;
    max-width: 60px;
    position: fixed;
    margin-top: -80px;
    margin-left: 5px;
    border-radius: 5px;
}
.container_ca50b9 button {
    width: 48px;
    background: var(--bg-overlay-4,var(--background-primary));
    margin: 4px;
    border-radius: 5px;
}
.container_ca50b9 {
    padding-top: 40px; 
}

try this

this could work