**moves the hang status and game status | libVencore | Page 1

plucky jungle May 10, 2024, 11:48 AM

#

i did this because I hate how these new icons misalign the mute, deafen and live icons and makes everything not symmetrical and kinda messy

prisma zephyr May 10, 2024, 11:53 AM

#

Valid change for these tbh

plucky jungle May 10, 2024, 11:56 AM

#

its also one of my first css so pls lmk if there are improvements i should make cuz im still learning tyty

prisma zephyr May 10, 2024, 12:02 PM

#

plucky jungle its also one of my first css so pls lmk if there are improvements i should make ...

honestly not much I can think of, but I do wanna know if instead of using Absolute, Relative might work better?

/* Remove VC Icons */
[class*=iconGroup]:has([class*=hangStatusIcon], svg>path:not([d*='m2.7 22.7 20-20a1'], [d*='M22.7 2.7a1 1']), [class*=gameIcon]) {
  display: flex;
  position:relative;
  right:165px;
}

[ignore my futureproofing lmao]

#

bases it off the previous Parent instead of just itself, so should be the same across all clients and users

#

/* Remove VC Icons */
[class*=iconGroup]:has([class*=hangStatusIcon], svg>path:not([d*='m2.7 22.7 20-20a1'], [d*='M22.7 2.7a1 1']), [class*=gameIcon]) {
  display: flex;
  position:relative;
  right:165px;
}
[class*=layerContainer] [class*=popout]:has([class*=text-xs-medium], [class*=options]){
  display: flex;
}

Something I had made long ago when someone wanted all of it gone, but this seems fine?

#

repurposing it to do just a move anyways

#

and since it's not using Aria-Label, any language would be supported blobcatcozy

plucky jungle May 10, 2024, 12:06 PM

#

oh is aria label not good to use?

plucky jungle May 10, 2024, 12:07 PM

#

prisma zephyr ```css /* Remove VC Icons */ [class*=iconGroup]:has([class*=hangStatusIcon], svg...

NotLikeHaachama

prisma zephyr May 10, 2024, 12:08 PM

#

it apparently prevents people using other languages from using it properly, i.e. "Start a Video Call" would be "Starten Sie einen Videoanruf" [translated] and as such, an [aria-label*="video call" i] wouldnt work for them

#

huh, interesting

#

oh, user error here

#

196 might be fine for most users under relative lmao

#

https://lulu.bbaka.moe/jW5V3zHwtjIK.gif

#

I have a resize channel css lmao

plucky jungle May 10, 2024, 12:10 PM

#

ohhhthats why

#

i should rewrite it so the position isnt hardcoded, for those who have resized channel list

#

can you send me the snippet that lets you resize channels or is it part of your theme @prisma zephyr

prisma zephyr May 10, 2024, 12:13 PM

#

plucky jungle can you send me the snippet that lets you resize channels or is it part of your ...

/* Resizable ChannelList */
.separator__666aa {
    margin: 0;
    justify-content: center;
    width: 40px;
}
.separator__666aa::before {
    display: none;
}
.separator__666aa .innerButton__9efb8 {

    margin: 0;
}
.textArea_a86690 {
    width: fit-content;
    flex-grow: 1.01;
}

.sidebar_e031be {
  resize: horizontal;
  width: var(--sidebar-initial-width);
}
.sidebar_e031be .channel__0aef5 {
  max-width: unset;
}
.bannerImage_c73a57,
.bannerImg_fe5c1b {
  width: 100%;
}

plucky jungle May 10, 2024, 12:13 PM

#

ty

prisma zephyr May 10, 2024, 12:15 PM

#

Espeon_heart

plucky jungle May 10, 2024, 12:19 PM

#

prisma zephyr ```css /* Remove VC Icons */ [class*=iconGroup]:has([class*=hangStatusIcon], svg...

what is the "svg>path:not([d*='m2.7 22.7 20-20a1'], [d*='M22.7 2.7a1 1'])" for?

prisma zephyr May 10, 2024, 12:19 PM

#

plucky jungle what is the "svg>path:not([d\*='m2.7 22.7 20-20a1'], [d*='M22.7 2.7a1 1'])" for?

Not moving the Mute Icon and Deafen icon

#

or in the original case, hiding the icons that ARENT the Mute and Deafen Icon

#

dancesu

plucky jungle May 10, 2024, 12:38 PM

#

prisma zephyr https://lulu.bbaka.moe/jW5V3zHwtjIK.gif

not perfect but betterlol

[class*=iconGroup]:has([class*=hangStatusIcon], [class*=gameIcon]) {
  display: flex;
  position: absolute;
  right: 101%;
}
[class*=layerContainer] [class*=popout]:has([class*=text-xs-medium], [class*=options]){
  display: flex;
}

prisma zephyr May 10, 2024, 12:40 PM

#

Kelly_think_FB 100% works fine, no?

plucky jungle May 10, 2024, 12:41 PM

#

its got some wiggle

#

i think it moves like 1 pixel to the left or right if you have it too big or small

#

not sure why

prisma zephyr May 10, 2024, 12:41 PM

#

huh, maybe a theme thing then cus 100% has NO play for me

plucky jungle May 10, 2024, 12:41 PM

#

wym like it stays put ? or it doesnt work

prisma zephyr May 10, 2024, 12:42 PM

#

https://lulu.bbaka.moe/AO9Z1a6PW7Yo.gif

#

stays put entirely

plucky jungle May 10, 2024, 12:42 PM

#

oh nicee

prisma zephyr May 10, 2024, 12:42 PM

#

100% makes yours wiggle tho?

#

weird

plucky jungle May 10, 2024, 12:42 PM

#

prisma zephyr Not moving the Mute Icon and Deafen icon

also this part was actually moving the mute icons for me

#

and when i removed it now they stay in place

#

the only issue is when its the + idk how to get that to move

prisma zephyr May 10, 2024, 12:45 PM

#

huh, weird, no change from my end with or without the svg>path:not()

plucky jungle May 10, 2024, 12:45 PM

#

the other icons are called hangStatus and gameIcon but this is just called icon

#

do you know how I could also move this plus?

prisma zephyr May 10, 2024, 12:46 PM

#

idk I cant find that

plucky jungle May 10, 2024, 12:46 PM

#

its if you dont have one set

prisma zephyr May 10, 2024, 12:46 PM

#

oh gotta clear the default got it

plucky jungle May 10, 2024, 12:47 PM

#

before i just used aria label "Add a status"

#

trying to figure out a better way to select it

prisma zephyr May 10, 2024, 12:47 PM

#

oh well this is a weird issue

#

it moves on it's own but... with the SVG selector again

#

[class*=iconGroup]:has([class*=hangStatusIcon], svg>path:not([d*='m2.7 22.7 20-20a1'], [d*='M22.7 2.7a1 1']), [class*=gameIcon]) {
  display: flex;
  position: absolute;
  right: 100%;
}
[class*=layerContainer] [class*=popout]:has([class*=text-xs-medium], [class*=options]){
  display: flex;
}

#

so you dont gotta type it out

#

AH i see your issue now

plucky jungle May 10, 2024, 12:52 PM

#

Ok now the svg path part is working

#

before that was moving my icons

#

now its good

prisma zephyr May 10, 2024, 12:52 PM

#

I might have this get fixed too rq

plucky jungle May 10, 2024, 12:52 PM

#

oh yeah the hover

prisma zephyr May 10, 2024, 12:53 PM

#

moreso the mute of other users on the left and not the right like normal Kelly_think_FB

plucky jungle May 10, 2024, 12:56 PM

#

i think its because youre referring specifically to mute and deafen and not including Server Mute, Server Deafen and local mute

prisma zephyr May 10, 2024, 12:59 PM

#

yeah it's local mute which is interesting think

#

It's angry cus it's basically becoming a yanderedev loop lmao

#

I'll just leave local mutes out

plucky jungle May 10, 2024, 1:05 PM

#

prisma zephyr It's angry cus it's basically becoming a yanderedev loop lmao

I got it

[class*=iconGroup]:has([class*=hangStatusIcon], [d*='M13 3a1'], [class*=gameIcon]) {
  display: flex;
  position: absolute;
  right: 101%;
}
[class*=layerContainer] [class*=popout]:has([class*=text-xs-medium], [class*=options]){
  display: flex;
}

#

i just found that number thing for the plus button

#

and only included that instead of manually excluding everything else

#

this should be the final improved version now

prisma zephyr May 10, 2024, 1:06 PM

#

yeah lack of sleep made me think "ah yes, great idea, nest a NOT for EVERY icon" instead of just backtracking

plucky jungle May 10, 2024, 1:06 PM

#

happenss

prisma zephyr May 10, 2024, 1:06 PM

#

that works on the local mute case lol

plucky jungle May 10, 2024, 1:07 PM

#

Also whats this last portion for? [class*=layerContainer] [class*=popout]:has([class*=text-xs-medium], [class*=options]){
display: flex;
}

#

it doesnt seem to make a difference for me when i remove it

prisma zephyr May 10, 2024, 1:08 PM

#

oh it's for the popout options, it was originally as a "display:none;" cus the last person I made it for wanted the options gone

#

this basically

#

it's unneeded tbh in the stuff you need, I just kept including it cus my side wouldnt work without it

#

cus I had a css import full of stuff I changed that was overwriting and being very angy

plucky jungle May 10, 2024, 1:10 PM

#

ohh ic

#

its ok to edit a css post with updated code right

prisma zephyr May 10, 2024, 1:11 PM

#

should be yeah, as long as it's not the obvious of
"change icon: *{display:none;}"

plucky jungle May 10, 2024, 1:11 PM

#

cuz ill probably update it to this for people with resizable channel list

/*moves hang status to the left*/
[class*=iconGroup]:has([class*=hangStatusIcon], [d*='M13 3a1'], [class*=gameIcon]) {
  display: flex;
  position: absolute;
  right: 101%;
}

prisma zephyr May 10, 2024, 1:12 PM

#

if it's legit to update it, should be ok nodding_FB

plucky jungle May 10, 2024, 1:12 PM

#

is this little [d*='M13 3a1'] futureproof?

#

or do those numbers change alot

prisma zephyr May 10, 2024, 1:12 PM

#

as long as they dont change the Icon's SVG, yeah

#

which should happen a LOT less than class changes

plucky jungle May 10, 2024, 1:13 PM

#

so they would have to like change visually what it looks like

prisma zephyr May 10, 2024, 1:13 PM

#

yep

plucky jungle May 10, 2024, 1:13 PM

#

ok

#

tysm for all this help btw

#

I am understanding

prisma zephyr May 10, 2024, 1:14 PM

#

Hephi_heart_love Most people prefer just updating classes on updates cus they can just make things quicker, so it's up to you how you do things, .className_1111 or [class*=IconTypeHere], whatever you prefer

#

second option usually requires a little more work cus... similar names

plucky jungle May 10, 2024, 1:17 PM

#

Yeah im trying to learn how to futureproof what i write as much as i can even though im sure its kind of impossible to make it totally future proof

#

using the svg seems like a rly good method since they rarely change icons

prisma zephyr May 10, 2024, 2:20 PM

#

plucky jungle using the svg seems like a rly good method since they rarely change icons

it's a good idea, learned it from someone hiding the nitro gift button

/*Hide Gift Button*/
button:has([d*="M-7,10 C-8.104999542236328,10 -9"]) {
  display: var(--showNitroButton); /* Block||None */
}

plucky jungle May 10, 2024, 2:24 PM

#

https://tenor.com/view/nodding-crossed-arms-pikachu-eyes-closed-pokemon-gif-15194868

Tenor

candid crater May 10, 2024, 11:59 PM

#

hi question what the fuck is that icon

#

terrified for when that thing shows up LMAO

#

it has appeared

plucky jungle May 11, 2024, 8:11 PM

#

what icon

#

the + sign? @candid crater

candid crater May 11, 2024, 8:58 PM

#

oh just the... "hang status"

bold panther May 12, 2024, 8:20 AM

#

Would it be possible to make the hover color thing extend more to the left?
tried messing around a bit, but couldn't figure it out

plucky jungle May 12, 2024, 4:47 PM

#

bold panther Would it be possible to make the hover color thing extend more to the left? trie...

this was next on my list

bold panther May 16, 2024, 12:41 AM

#

this sort of works... (not future proofed bc it sucks)
it just doesn't look good for people with no status

maybe something to go off of though

#

idk if the best fix would be to make the pfp and name shift to the left when there's no status, or to make the background smaller when that happens

ivory herald May 16, 2024, 7:55 PM

#

how can i center the icons inside their div?

plucky jungle May 17, 2024, 4:50 AM

#

bold panther this sort of works... (not future proofed bc it sucks) it just doesn't look good...

oh nice thank you

plucky jungle May 17, 2024, 5:06 AM

#

i might not update my message to include this bc some people might not like that the hover is wider

#

but my gf asked if i could make it do this

plucky jungle May 20, 2024, 7:40 PM

#

plucky jungle i did this because I hate how these new icons misalign the mute, deafen and live...

its not centered

#

😨

#**moves the hang status and game status