fade-out server list scroll | libVencore | Page 1

hexed vigil Mar 25, 2025, 9:55 PM

#

what it says on the tin, idk what else to add
here's the snippet:

IMPORTANT: the width of the server bar was hardcoded in because idk how to do it better, play around with the

.sidebarList_c48ade{
    margin-left: 72px;
}

value if it looks broken for you

.bar_c38106{
    z-index: 28371983721897;
}
.title_c38106{
    background-color: transparent;
    background: linear-gradient(to bottom, var(--background-base-lowest), #00000000);
}
.title_a7d72e{
    -webkit-app-region: drag;
}

.sidebar_c48ade{
    overflow: visible !important;
    position: relative;
}

.sidebarList_c48ade{
    margin-left: 72px;
}

.wrapper_ef3116{
    position: absolute;
    top: -35px;
    height: calc(100vh - 65px);
    /* padding-top: 10px; */
}

[class^="stack_dbd263 scroller_ef3116"]{
    padding-top: 40px !important;
}```

pine sphinx Mar 25, 2025, 10:06 PM

#

oh

#

ok i see why this was deleted, ish a little brokey, but other than that it looks wonderful :3

hexed vigil Mar 25, 2025, 10:08 PM

#

pine sphinx ok i see why this was deleted, ish a little brokey, but other than that it looks...

it wasn't deleted

#

i just don't have send perms in the channel

#

lol

pine sphinx Mar 25, 2025, 10:08 PM

#

ohhh

#

the only bug i see so far is that the profile thingamajig now obscures the discovery button and a bit of the add server button when scrolled all the way to the bottom

#

https://limey-is.me/aRn5MxobTyyR/direct

hexed vigil Mar 25, 2025, 10:09 PM

#

pine sphinx the only bug i see so far is that the profile thingamajig now obscures the disco...

gotta add bottom padding ig

pine sphinx Mar 25, 2025, 10:10 PM

#

it also adds a slight gradient to the top bar for me

#

https://limey-is.me/6fd6igavjAnx/direct

#

may not be that visible in the screenshot but it is there

hexed vigil Mar 25, 2025, 10:10 PM

#

pine sphinx it also adds a slight gradient to the top bar for me

that's the point

#

hol on

#

gonna update it rq

pine sphinx Mar 25, 2025, 10:10 PM

#

oh- i thought it was just to fade the server list only

pine sphinx Mar 25, 2025, 10:10 PM

#

hexed vigil gonna update it rq

🫡

hexed vigil Mar 25, 2025, 10:11 PM

#

pine sphinx oh- i thought it was just to fade the server list only

i mean i just hardcoded the color

#

forgot about other themes

#

lol

pine sphinx Mar 25, 2025, 10:11 PM

#

ohhh, got it

hexed vigil Mar 25, 2025, 10:11 PM

#

god discord is so bloated the inspector is laggy

pine sphinx Mar 25, 2025, 10:11 PM

#

REAL

hexed vigil Mar 25, 2025, 10:12 PM

#

.bar_c38106{
    z-index: 28371983721897;
}
.title_c38106{
    background-color: transparent;
    background: linear-gradient(to bottom, var(--background-base-lowest), #00000000);
}
.title_a7d72e{
    -webkit-app-region: drag;
}

.sidebar_c48ade{
    overflow: visible !important;
    position: relative;
}

.sidebarList_c48ade{
    margin-left: 72px;
}

.wrapper_ef3116{
    position: absolute;
    top: -35px;
    height: 100vh;
    /* padding-top: 10px; */
}

[class^="stack_dbd263 scroller_ef3116"]{
    padding-top: 40px !important;
    padding-bottom: 50px !important;
}

#

@pine sphinx try this

pine sphinx Mar 25, 2025, 10:13 PM

#

the titlebar gradient is fixed but the discovery button is still obsucred slightly

#

https://limey-is.me/OnTfx0O1emMt/direct

hexed vigil Mar 25, 2025, 10:13 PM

#

pine sphinx the titlebar gradient is fixed but the discovery button is still obsucred slight...

time to scroll for 50 kilometers

pine sphinx Mar 25, 2025, 10:13 PM

#

LOL

hexed vigil Mar 25, 2025, 10:13 PM

#

i should leave some servers

#

anyways

pine sphinx Mar 25, 2025, 10:13 PM

#

or shove some into a folder

#

thats what i did LOL

hexed vigil Mar 25, 2025, 10:14 PM

#

.bar_c38106{
    z-index: 28371983721897;
}
.title_c38106{
    background-color: transparent;
    background: linear-gradient(to bottom, var(--background-base-lowest), #00000000);
}
.title_a7d72e{
    -webkit-app-region: drag;
}

.sidebar_c48ade{
    overflow: visible !important;
    position: relative;
}

.sidebarList_c48ade{
    margin-left: 72px;
}

.wrapper_ef3116{
    position: absolute;
    top: -35px;
    height: 100vh;
    /* padding-top: 10px; */
}

[class^="stack_dbd263 scroller_ef3116"]{
    padding-top: 40px !important;
    padding-bottom: 75px !important;
}

#

this should do the trick

pine sphinx Mar 25, 2025, 10:14 PM

#

i also noticed it removes some padding from the right side of the servers

pine sphinx Mar 25, 2025, 10:14 PM

#

hexed vigil this should do the trick

https://limey-is.me/hriB8EQKAvru/direct

hexed vigil Mar 25, 2025, 10:14 PM

#

ã

pine sphinx Mar 25, 2025, 10:14 PM

#

i think its a bit shy LOL

pine sphinx Mar 25, 2025, 10:15 PM

#

pine sphinx i also noticed it removes some padding from the right side of the servers

https://limey-is.me/c3gZv5XUHU7n

hexed vigil Mar 25, 2025, 10:15 PM

#

    z-index: 28371983721897;
}
.title_c38106{
    background-color: transparent;
    background: linear-gradient(to bottom, var(--background-base-lowest), #00000000);
}
.title_a7d72e{
    -webkit-app-region: drag;
}

.sidebar_c48ade{
    overflow: visible !important;
    position: relative;
}

.sidebarList_c48ade{
    margin-left: 72px;
}

.wrapper_ef3116{
    position: absolute;
    top: -35px;
    height: calc(100vh - 65px);
    /* padding-top: 10px; */
}

[class^="stack_dbd263 scroller_ef3116"]{
    padding-top: 40px !important;
}```

#

how about this

hexed vigil Mar 25, 2025, 10:15 PM

#

pine sphinx https://limey-is.me/c3gZv5XUHU7n

weird, doesnt happen for me

pine sphinx Mar 25, 2025, 10:15 PM

#

hexed vigil how about this

https://limey-is.me/1zUZvHWwdmwO/direct
that did the trick :3

pine sphinx Mar 25, 2025, 10:15 PM

#

hexed vigil weird, doesnt happen for me

odd...

hexed vigil Mar 25, 2025, 10:15 PM

#

oh wait i just realized

#

im just blind probably uhh

pine sphinx Mar 25, 2025, 10:16 PM

#

i think this may have something to it. or. whatever you just. figured out

#

https://limey-is.me/NvINMY507n1K/direct

#

fartball

hexed vigil Mar 25, 2025, 10:16 PM

#

pine sphinx i think this may have something to it. or. whatever you just. figured out

prob

#

this is hardcoded

pine sphinx Mar 25, 2025, 10:16 PM

#

oopsiee

hexed vigil Mar 25, 2025, 10:16 PM

#

just uh idk play around with it

#

i can't really do much here without js

pine sphinx Mar 25, 2025, 10:16 PM

#

🫡

#

setting it to 78px did the trick

hexed vigil Mar 25, 2025, 10:18 PM

#

pine sphinx setting it to 78px did the trick

i don't think i can account for the different spacing discord lets you use

#

lmk if you find a way tho

pine sphinx Mar 25, 2025, 10:18 PM

#

got it!

pine sphinx Mar 25, 2025, 10:19 PM

#

pine sphinx https://limey-is.me/hriB8EQKAvru/direct

also changed this up to 74px cus it broke again and looked like the img im replying to
https://limey-is.me/9jnoXPJQgRcJ/direct

hexed vigil Mar 25, 2025, 10:20 PM

#

again, cozy spacing

#

or whatever they called it

pine sphinx Mar 25, 2025, 10:20 PM

#

probably 😔

#

youd probably have to make 3 seperate versions of the snippet for each one if you make a full post (unless you dont want to)

merry quarry Mar 26, 2025, 6:54 PM

#

pine sphinx youd probably have to make 3 seperate versions of the snippet for each one if yo...

the humble .html.density-cozy:

pine sphinx Mar 26, 2025, 6:55 PM

#

My_face_when

solemn sinew Aug 8, 2025, 12:00 PM

#

guys can someone solve this issue?

#

the issue

#

how it should look

#

it's only like this when I'm using this snippet

solemn sinew Aug 11, 2025, 8:37 AM

#

I made this to fix it but Idk if it's gonna continue working

div[class*="notice__6e2b9 colorDefault__6e2b9"] {
    max-width: 1200px;
    margin-left: 72px;
}

solemn sinew Oct 30, 2025, 7:30 PM

#

a new issue is here

#

it removes the whole server list

#

I think the issue is here in the position: absolute;

.wrapper_ef3116{
    position: absolute;
    top: -35px;
    height: calc(100vh);
}

pine sphinx Oct 30, 2025, 7:44 PM

#

TY

solemn sinew Oct 30, 2025, 7:47 PM

#

pine sphinx TY

I didn't solve it

#

I just said where the issue is

pine sphinx Oct 30, 2025, 7:47 PM

#

ohh

solemn sinew Oct 30, 2025, 7:47 PM

#

I don't know how to solve it unfortunately

pine sphinx Oct 30, 2025, 7:48 PM

#

ok i fixed it

#

set position to relative

#

this however does break the fade at the top

solemn sinew Oct 30, 2025, 7:49 PM

#

well if it breaks it then you can just remove the whole snippet

#

since it's made specifically for this fade

pine sphinx Oct 30, 2025, 7:50 PM

#

im still tryna fix it aguhh

#

ok it looks like its rendering BEHIND the app

#

.wrapper_ef3116{
    position: absolute;
    top: -35px;
  
    height: calc(100vh - 70px);
    /* padding-top: 10px; */
   z-index: 28371983721897;
}```

#

this makes it render on top

#

but the app would need to be shifted

#

but the fade is still broken gouuhghg

#

@hexed vigil snippet brokie help

hexed vigil Oct 30, 2025, 8:08 PM

#

pine sphinx <@786127059020808192> snippet brokie help

i stopped caring abt it ages ago

#

@merry quarry wah

merry quarry Oct 30, 2025, 8:08 PM

#

@hexed vigil wi

#fade-out server list scroll