Horizontal Server List x Better Folder | libVencore | Page 1

blazing thicket Jan 8, 2025, 11:02 AM

#

great if ur screen is sideways

faint fractal Jan 8, 2025, 11:05 AM

#

blazing thicket great if ur screen is sideways

it was just an annoyance I faced because I always had to close and open another folder, so hopefully it solves other people's problems blobcatcozy

#

midnight, the current theme i use, doesnt really like this and makes it off-centered, so I guess I have to find another way to keep t nice and tidy

faint fractal Jan 9, 2025, 12:47 AM

#

Okayyy so based in the emotes, yall hate this, makes sense because I hate it as well

zinc gale Jan 9, 2025, 2:57 AM

#

a lot of people just dont like horizontal server list (i disagree its so much better for side monitors)

faint fractal Jan 9, 2025, 4:32 AM

#

i honestly really liked it as well, the extra chat space is really nice

sand sapphire Feb 7, 2025, 11:28 PM

#

I actually really like it a lot, my monitor is not that big and that helps regain some space width-wise if I'm multitasking

sand sapphire Feb 8, 2025, 12:08 AM

#

Ok, it doesn't seem to play well with the "Pin page switcher to bottom of search results" css snippet (#🎨-css-snippets message) for whatever reason venniesad
Horizontal Server list by itself works fine with it, but this css snippet for the compatibility with better folder sidebar somehow makes the page switcher go sideways...

faint fractal Feb 8, 2025, 12:34 AM

#

sand sapphire Ok, it doesn't seem to play well with the "Pin page switcher to bottom of search...

yeah i saw that as well, need to see what happened lol

#

attribute selectors are definitely tweaking

sand sapphire Feb 8, 2025, 12:54 PM

#

also sorry for the bother, but do you happen to know if there's any way to put the notification dots at the bottom (touching the border) instead of floating at the top like that?

faint fractal Feb 8, 2025, 2:24 PM

#

sand sapphire also sorry for the bother, but do you happen to know if there's any way to put t...

ill need to see, kinda busy atm and no time to snippet

#

@sand sapphire fixed it with another :has selector blobcatcozy

sand sapphire Feb 8, 2025, 3:33 PM

#

faint fractal <@86455665840619520> fixed it with another `:has` selector <:blobcatcozy:1026533...

it works! Thank you so much

faint fractal Feb 9, 2025, 8:29 AM

#

sand sapphire also sorry for the bother, but do you happen to know if there's any way to put t...

[class*="guilds_"] [class*=pill] {
    position: absolute !important;
    transform: rotate(90deg) translateX(calc(var(--HSL-server-icon-size) + 16px)) translateY(-50%) !important;
    span {
        border-radius: 4px 0 0 4px !important;
    }
}

sand sapphire Feb 9, 2025, 1:49 PM

#

faint fractal ```css [class*="guilds_"] [class*=pill] { position: absolute !important; ...

thank you so much! But it didn't quite work... aha_sweats

faint fractal Feb 9, 2025, 10:05 PM

#

sand sapphire thank you so much! But it didn't quite work... <:aha_sweats:1140951084223963216>

https://media.discordapp.net/stickers/1081623589981274203.png?size=160&name=works+on+my+machine

sand sapphire Feb 9, 2025, 10:14 PM

#

faint fractal https://media.discordapp.net/stickers/1081623589981274203.png?size=160&name=work...

thinking_block
I just tried disabling all the custom css I have except for Horizontal Server List, HSL x BetterFolders and the new snippet, and it still doesn't work. I will try disabling the addons to see if that's the issue VesperSaluteYT

faint fractal Feb 9, 2025, 10:15 PM

#

that issue should have been fixed by the rotate(90deg) thing

#

so wonky

sand sapphire Feb 9, 2025, 10:23 PM

#

faint fractal that issue should have been fixed by the rotate(90deg) thing

oddly enough, modifying that parameter does nothing for me
I tried to change it to -90deg and 180deg to see if it would do something, but nope. I even tried to delete it, no change.

faint fractal Feb 9, 2025, 10:28 PM

#

sand sapphire oddly enough, modifying that parameter does nothing for me I tried to change it ...

with !important?

#

it literally works on my machine

sand sapphire Feb 9, 2025, 10:30 PM

#

faint fractal with !important?

you mean by adding another !important at some point? Because I didn't touch any of the rest of the code, simply tried to change 90deg to other numbers (without any result)

faint fractal Feb 9, 2025, 10:31 PM

#

thats so weird

sand sapphire Feb 9, 2025, 10:31 PM

#

do you have visual refresh, perhaps?

faint fractal Feb 9, 2025, 10:31 PM

#

set to control

sand sapphire Feb 9, 2025, 10:32 PM

#

I don't have visual refresh so it's the only thing I can think of that could make the difference thinking_block

faint fractal Feb 9, 2025, 10:32 PM

#

midnight wouldnt have worked if i was using visual refresh

#

blobcatcozy

sand sapphire Feb 9, 2025, 10:32 PM

#

understood
then I really have no idea
I don't even use a custom theme...

faint fractal Feb 9, 2025, 10:34 PM

#

wait where did you add the theme into? quickcss or a seperate file?

sand sapphire Feb 9, 2025, 10:34 PM

#

quickcss

faint fractal Feb 9, 2025, 10:34 PM

#

i also added it there husk

sand sapphire Feb 9, 2025, 10:34 PM

#

this_is_so_sad

faint fractal Feb 9, 2025, 10:35 PM

#

can maybe use devtools and check what is going on with the pill and its outer container?

sand sapphire Feb 9, 2025, 10:37 PM

#

just to be extra sure, this is the css snippet that I have for Horizontal Server List:
@import url("https://discordstyles.github.io/HorizontalServerList/dist/HorizontalServerList.css");
Is yours the same?

faint fractal Feb 9, 2025, 10:38 PM

#

https://github.com/NSPC911/vc-themes/blob/main/HorizontalServerList.theme.css
yes

GitHub

vc-themes/HorizontalServerList.theme.css at main · NSPC911/vc-themes

Repository of the themes I use and have modified. Contribute to NSPC911/vc-themes development by creating an account on GitHub.

sand sapphire Feb 9, 2025, 10:42 PM

#

faint fractal can maybe use devtools and check what is going on with the pill and its outer co...

not sure if I selected/screenshotted the correct thing:

#

#

#

AH

#

found the issue

sand sapphire Feb 9, 2025, 10:45 PM

#

sand sapphire just to be extra sure, this is the css snippet that I have for Horizontal Server...

mine was this specific css, without any settings under it

faint fractal Feb 9, 2025, 10:46 PM

#

ahhh

#

wait then you said you added it to quickcss

sand sapphire Feb 9, 2025, 10:47 PM

#

yes

faint fractal Feb 9, 2025, 10:47 PM

#

so you added horizontal server list to quickcss as well?

sand sapphire Feb 9, 2025, 10:47 PM

#

sand sapphire just to be extra sure, this is the css snippet that I have for Horizontal Server...

yeah I added this one originally

#

then I switched the part in the parentheses with the raw of the one you sent

faint fractal Feb 9, 2025, 10:48 PM

#

wouldn't recommend that honestly

sand sapphire Feb 9, 2025, 10:48 PM

#

so I should add horizontal server list as a separate file in themes?

faint fractal Feb 9, 2025, 10:48 PM

#

i usually have non-snippets in their own files so actual snippets can overwrite them in quickcss

sand sapphire Feb 9, 2025, 10:48 PM

#

ohhh okok

faint fractal Feb 9, 2025, 10:48 PM

#

sand sapphire so I should add horizontal server list as a separate file in themes?

try to

sand sapphire Feb 9, 2025, 10:52 PM

#

yeppp now it works

#

thank you so much, and sorry for all the trouble!

#

blobcatcozy

faint fractal Feb 9, 2025, 10:53 PM

#

glad to help

#

i should probably add a snippet section in my repo

faint fractal Feb 24, 2025, 10:08 AM

#

@sand sapphire if you are interested, i have an updated one that just halves the server list, so one half is the main servers and the other half is server folders

[class*=container]:has(> [aria-label="Servers sidebar"]) {
    /* adjusts sidebar length */
    &:has(> div > nav) [class^=itemsContainer] {
        height: 54% !important;
    }
    /* doesnt show that extended thing when open folder */
    [class^=folderEndWrapper] {
        display: none;
    }
    /* disable seperator between favorites + dms and servers */
    [class^=listItem]:has([class^=guildSeparator]) {
        display: none;
    }
    /* the folder sidebar */
    > div > nav {
        bottom: 100px;
        transform: rotate(-90deg) translateY(50%) !important;
        z-index: 200;
        /* the actual folder sidebar */
        [class^=itemsContainer] {
            height: 49% !important;
            border-radius: 25%;
        }
    }
}

sand sapphire Feb 24, 2025, 12:15 PM

#

Ohhh understood. I have a server list that has a very specific order (folders included) so I'll pass, but I'm sure it will be useful to others blobcatcozy

faint fractal Mar 26, 2025, 11:23 PM

#

I have updated my theme for Visual Refresh, youu can get the updated version from https://nspc911.github.io/themes/vencord/HorizontalServerList.theme.css instead

sand sapphire Mar 27, 2025, 9:36 AM

#

faint fractal I have updated my theme for Visual Refresh, youu can get the updated version fro...

would it work even if I disabled the visual refresh from experiments? Cause currently with the visual refresh disabled in experiments there is a bug with the Horizontal Server List x Better Folders css I have
When I open a folder this happens:

faint fractal Mar 27, 2025, 9:37 AM

#

sand sapphire would it work even if I disabled the visual refresh from experiments? Cause curr...

are you using the one from the link? if so yea, it wouldnt work, you have to use the snippet that i sent here at the top

sand sapphire Mar 27, 2025, 9:37 AM

#

faint fractal are you using the one from the link? if so yea, it wouldnt work, you have to use...

nope, the snippet at the top

#

/* Horizontal Server List x Better Folder Sidebar */
:root {
    --bfhsl-make-folder-hover: 0 /* set to 1 if you want it to hover */
}

[class*=container]:has(> [aria-label="Servers sidebar"]) {
    [class^=listItem]:has([class^=guildSeparator]) {
        display: none;
    }
    [class^=folderEndWrapper] {
        display: none;
    }
> div > nav {
        bottom: 100px;
        transform: rotate(-90deg) translateX(-55px) !important;
        z-index: 200;
        box-shadow: calc(-10px * (0 + var(--bfhsl-make-folder-hover))) 0px calc(10px * (0 + var(--bfhsl-make-folder-hover))) 0 black;
    }
    &:has(> div > nav) > [class^=base] {
        margin-top: calc(50px * (1 - var(--bfhsl-make-folder-hover))) !important;
    }
}

faint fractal Mar 27, 2025, 9:38 AM

#

faint fractal <@86455665840619520> if you are interested, i have an updated one that just halv...

have you tried this?

sand sapphire Mar 27, 2025, 9:40 AM

#

faint fractal have you tried this?

no because of the reasons I mentioned before

sand sapphire Mar 27, 2025, 9:40 AM

#

sand sapphire Ohhh understood. I have a server list that has a very specific order (folders in...

^these

#

having the server folders completely separated from the main servers would actually be a problem for me, because I keep the server folder with my own private servers (that I use for emotes and as archives) at the very top of everything

faint fractal Mar 27, 2025, 9:41 AM

#

ic

sand sapphire Mar 27, 2025, 9:42 AM

#

sand sapphire would it work even if I disabled the visual refresh from experiments? Cause curr...

this problem specifically started happening when I got the visual refresh update and then I disabled it in the way it was explained in this server (with the experiments extension etc.)

faint fractal Mar 27, 2025, 9:43 AM

#

well i dont have the old version of HSL, so you have to send it here for me to tinker around a bit

sand sapphire Mar 27, 2025, 9:43 AM

#

sure!

faint fractal Mar 27, 2025, 9:43 AM

#

sand sapphire would it work even if I disabled the visual refresh from experiments? Cause curr...

wait you arent even using HSL though

sand sapphire Mar 27, 2025, 9:43 AM

#

faint fractal wait you arent even using HSL though

I am, as a theme

faint fractal Mar 27, 2025, 9:43 AM

#

but it doesnt seem to be active

#

why isnt the server bar up there

sand sapphire Mar 27, 2025, 9:44 AM

#

oh wtf you're right why it's not active

#

(I just woke up sorry)

#

I'll check one sec in themes

#

faint fractal Mar 27, 2025, 9:44 AM

#

because gibbu deleted the old version

#

the old link to the one isnt active

sand sapphire Mar 27, 2025, 9:45 AM

#

damn

faint fractal Mar 27, 2025, 9:45 AM

#

he nuked it

sand sapphire Mar 27, 2025, 9:45 AM

#

reeser6Smadge

#

where i can find the new version?

faint fractal Mar 27, 2025, 9:45 AM

#

thats why im forced to use visual refresh

sand sapphire Mar 27, 2025, 9:45 AM

#

faint fractal thats why im forced to use visual refresh

oh

#

does the new one ONLY use visual refresh?

faint fractal Mar 27, 2025, 9:45 AM

#

faint fractal I have updated my theme for Visual Refresh, youu can get the updated version fro...

you can use mine

faint fractal Mar 27, 2025, 9:45 AM

#

sand sapphire does the new one ONLY use visual refresh?

yes

sand sapphire Mar 27, 2025, 9:45 AM

#

faint fractal you can use mine

oooh thank you

#

but wait, don't I have to enable visual refresh again for that?

#

I was trying to avoid it for as long as I could

faint fractal Mar 27, 2025, 9:46 AM

#

same here

faint fractal Mar 27, 2025, 9:46 AM

#

sand sapphire but wait, don't I have to enable visual refresh again for that?

yes

sand sapphire Mar 27, 2025, 9:47 AM

#

dogesad

sand sapphire Mar 27, 2025, 10:01 AM

#

faint fractal I have updated my theme for Visual Refresh, youu can get the updated version fro...

ok I turned visual refresh back on and added this
question: is there a way to make it compatible with the compact visual refresh titlebar snippet?
#🎨-css-snippets message

faint fractal Mar 27, 2025, 10:01 AM

#

sand sapphire ok I turned visual refresh back on and added this question: is there a way to ma...

yep also instantly saw that issue, not possible due to the way how HSL works

sand sapphire Mar 27, 2025, 10:04 AM

#

damn... I understand, thanks

faint fractal Mar 27, 2025, 10:04 AM

#

https://discord.com/channels/1015060230222131221/1354203100872835123 they asked for HSL

#

all hope might not be lost

faint fractal Mar 28, 2025, 3:05 AM

#

@sand sapphire im working on compact titlebar for myself, for you, do you want the folder sidebar to stack like how you preferred? and if so, do you want it to cover the channel top bar?

faint fractal Mar 28, 2025, 3:27 AM

#

@sand sapphire would you use this?

sand sapphire Mar 28, 2025, 7:03 AM

#

faint fractal <@86455665840619520> would you use this?

Are all folders at the top and all non-foldered channels on the sidebar, or is it the opened folder on the sidebar? If it's the 2nd case, yeah. If it's the 1st case, nope.
(Sorry I just woke up and my brain is still mush)
Also are you planning to remove the titlebar and move the inbox + window buttons (minimize, windowed, close) next to the channel list? Or would that be the final result?

faint fractal Mar 28, 2025, 7:03 AM

#

sand sapphire Are all folders at the top and all non-foldered channels on the sidebar, or is i...

opened folder at sidebar, non folder at top

#

i nuked the inbox and moved the window buttons to match how it looked like pre refresh

sand sapphire Mar 28, 2025, 7:06 AM

#

That would be almost perfect, but I do use the inbox button
Also where would the search bar go?

faint fractal Mar 28, 2025, 7:06 AM

#

search bar remains where it is at, it just didnt appear in my screenshot because of favourites server

sand sapphire Mar 28, 2025, 7:13 AM

#

Oooh then yeah, that would be definitely better than how it is right now. I wish there was a way to make the buttons (thread, notification, pin, users, quickcss) more close together so that there's more space for the rest, and a way to completely remove the titlebar and merge the window buttons with the servers topbar, but as it is it's already miles better than the default, thank you! NinaOk

faint fractal Mar 28, 2025, 7:16 AM

#

:root {
    --HSL-server-scale: 1;
    /* Scale of the server icons, decimals allowed. | DEFAULT: 1 */
    --HSL-server-direction: column;
    /* Direction of the server list. | OPTIONS: column, column-reverse | DEFAULT: column */
    --HSL-server-alignment: flex-start;
    /* Alignment of the server list. | OPTIONS: flex-start, center, flex-end | DEFAULT: flex-start */
    --__server-container: calc(var(--custom-guild-list-width) * var(--HSL-server-scale));
    --__server-y-padding: 10px;
}

.content_c48ade {
    margin-top: var(--__server-container);
    overflow: visible;
}

#app-mount {
    .sidebar_c48ade {
        border-radius: 0;
        overflow: visible;
    }
    .guilds_c48ade {
        transform-origin: top left;
        rotate: -90deg;
        scale: var(--HSL-server-scale);
        bottom: unset;
        position: absolute !important;
        left: 0;
    }
    .xtree_ef3116 {
        padding-top: var(--__server-y-padding);
        padding-bottom: var(--__server-y-padding);
    }
    .wrapper_cc5dd2 { rotate: 90deg }
    .itemsContainer_ef3116,
    .stack_dbd263 {
        flex-direction: var(--HSL-server-direction);
        justify-content: var(--HSL-server-alignment);
    }
}

.container_c48ade>div:not(.base_c48ade) {
    position: absolute;
    z-index: 101;
    transform: translateY(48px);
    margin-top: -21px;
    /* for compact title bar */
    >nav { height: max-content !important }
    .wrapper_cc5dd2,
    .guilds_c48ade { rotate: 0deg !important }
    &+.base_c48ade {
        .wrapper_ef3116.guilds_c48ade .stack_dbd263 .stack_dbd263 {
            height: calc(55vh - (var(--bf-sidebar-show-extra-buttons)) * 10.5vh);
            overflow-y: scroll;
            overflow-x: hidden;
            &::-webkit-scrollbar { display: none }
        }
        .content_c48ade { margin-left: 72px }
    }
}
.base_c48ade { margin-top: 0 !important }
.bar_c38106 {
    transform: translateY(-8px);
    height: 16px;
    .title_c38106 {
        justify-content: left;
        margin-left: 6px;
        margin-top: 6px;
        height: 24px;
    }
    .recentsIcon_c99c29,
    .anchor_edefb8 { display: none !important }
    .trailing_c38106>.winButtons_c38106 {
        >.winButton_c38106 {
            width: 24px;
            height: 24px;
        }
        &::before { display: none !important }
    }
}

.content_c48ade { margin-top: 56px }

you wanna see if this works for you?

sand sapphire Mar 28, 2025, 7:18 AM

#

Yeah, give me a minute to feed the cats and turn on the pc and I'll try NinaOk

faint fractal Mar 28, 2025, 7:18 AM

#

~~send catto pic~~

sand sapphire Mar 28, 2025, 7:20 AM

#

(not from today but yeah)

faint fractal Mar 28, 2025, 7:21 AM

#

car

#

like the ginger one

sand sapphire Mar 28, 2025, 7:24 AM

#

He's an ungrateful little dipshit but I care about him a lot

#

Only approaches me for food

faint fractal Mar 28, 2025, 7:25 AM

#

lol

sand sapphire Mar 28, 2025, 7:26 AM

#

ok I'm gonna test the snippet

sand sapphire Mar 28, 2025, 7:28 AM

#

faint fractal ```css :root { --HSL-server-scale: 1; /* Scale of the server icons, deci...

do I need to enable the horizontal serverlist theme too?

#

ok yeah from reading the code yes

faint fractal Mar 28, 2025, 7:28 AM

#

no i dont think so ?

sand sapphire Mar 28, 2025, 7:28 AM

#

oh ok

#

works almost like a charm!
There is a very very small visual glitch, the folder icon is slightly not centered

#

but aside from that it seems to work well

faint fractal Mar 28, 2025, 7:31 AM

#

yeah im also pissed

sand sapphire Mar 28, 2025, 7:31 AM

#

oh and

#

the titlebar text is not centered either

#

somehow both titlebar and dms icon are extremely close to the edge

faint fractal Mar 28, 2025, 7:33 AM

#

if you dont want the corner title bar, remove the justify-content inside .title_c38106

sand sapphire Mar 28, 2025, 7:34 AM

#

yeah better, but still extremely close to the border, the dms button too

#

#

oh that also kinda breaks another snippet I was using, Align Chat Box With User Panel

faint fractal Mar 28, 2025, 7:39 AM

#

use my seamless chat bar

sand sapphire Mar 28, 2025, 7:39 AM

#

ok

faint fractal Mar 28, 2025, 7:40 AM

#

:root {
    --HSL-server-scale: 1;
    --HSL-server-direction: column;
    --HSL-server-alignment: flex-start;
    --__server-container: calc(var(--custom-guild-list-width) * var(--HSL-server-scale));
    --__server-y-padding: 10px;
}

.content_c48ade {
    margin-top: var(--__server-container);
    overflow: visible;
}

#app-mount {
    .sidebar_c48ade {
        border-radius: 0;
        overflow: visible;
    }
    .guilds_c48ade {
        transform-origin: top left;
        rotate: -90deg;
        scale: var(--HSL-server-scale);
        position: absolute !important;
    }
    .xtree_ef3116 {
        padding-top: var(--__server-y-padding);
        padding-bottom: var(--__server-y-padding);
    }
    .wrapper_cc5dd2 { rotate: 90deg }
    .itemsContainer_ef3116,
    .stack_dbd263 {
        flex-direction: var(--HSL-server-direction);
        justify-content: var(--HSL-server-alignment);
    }
}

.container_c48ade>div:not(.base_c48ade) {
    position: absolute;
    z-index: 101;
    transform: translateY(48px);
    margin-top: -12px;
    >nav { height: max-content !important }
    .wrapper_cc5dd2,
    .guilds_c48ade { rotate: 0deg !important }
    &+.base_c48ade {
        .wrapper_ef3116.guilds_c48ade .stack_dbd263 .stack_dbd263 {
            height: calc(55vh - (var(--bf-sidebar-show-extra-buttons)) * 10.5vh);
            overflow-y: scroll;
            overflow-x: hidden;
            &::-webkit-scrollbar { display: none }
        }
        .guilds_c48ade {
            left: 16px;
        }
        .content_c48ade { margin-left: 72px }
    }
}
.base_c48ade { margin-top: 0 !important }
.bar_c38106 {
    transform: translateY(-8px);
    height: 16px;
    .title_c38106 {
        justify-content: left;
        margin-left: 6px;
        margin-top: 6px;
        height: 24px;
    }
    .recentsIcon_c99c29,
    .anchor_edefb8 { display: none !important }
    .trailing_c38106>.winButtons_c38106 {
        >.winButton_c38106 {
            width: 24px;
            height: 24px;
        }
        &::before { display: none !important }
    }
}

.content_c48ade { margin-top: 56px }

#

^ try this

sand sapphire Mar 28, 2025, 7:41 AM

#

sand sapphire oh that also kinda breaks another snippet I was using, Align Chat Box With User ...

oh wait I'm stupid, it didn't break align chatbox, but it broke the "Move the user panel over to where it used to be"

#

#1354181746731651184 message

faint fractal Mar 28, 2025, 7:42 AM

#

?

#

dont use it?

#

it uses manual margins

sand sapphire Mar 28, 2025, 7:42 AM

#

faint fractal ```css :root { --HSL-server-scale: 1; --HSL-server-direction: column; ...

I don't think that changed anything at all OllieThink
What was it supposed to change?

sand sapphire Mar 28, 2025, 7:42 AM

#

faint fractal it uses manual margins

ohhh understood

faint fractal Mar 28, 2025, 7:42 AM

#

sand sapphire I don't think that changed anything at all <:OllieThink:785658909028909086> Wha...

the top corner

sand sapphire Mar 28, 2025, 7:43 AM

#

sadly nope

#

faint fractal Mar 28, 2025, 7:44 AM

#

:root {
    --HSL-server-scale: 1;
    --HSL-server-direction: column;
    --HSL-server-alignment: flex-start;
    --__server-container: calc(var(--custom-guild-list-width) * var(--HSL-server-scale));
    --__server-y-padding: 10px;
}

.content_c48ade {
    margin-top: var(--__server-container);
    overflow: visible;
}

#app-mount {
    .sidebar_c48ade {
        border-radius: 0;
        overflow: visible;
    }
    .guilds_c48ade {
        transform-origin: top left;
        rotate: -90deg;
        scale: var(--HSL-server-scale);
        position: absolute !important;
    }
    .xtree_ef3116 {
        padding-top: var(--__server-y-padding);
        padding-bottom: var(--__server-y-padding);
    }
    .wrapper_cc5dd2 { rotate: 90deg }
    .itemsContainer_ef3116,
    .stack_dbd263 {
        flex-direction: var(--HSL-server-direction);
        justify-content: var(--HSL-server-alignment);
    }
}

.guilds_c48ade {
    left: 16px;
}

.container_c48ade>div:not(.base_c48ade) {
    position: absolute;
    z-index: 101;
    transform: translateY(48px);
    margin-top: -12px;
    >nav { height: max-content !important }
    .wrapper_cc5dd2,
    .guilds_c48ade { rotate: 0deg !important }
    &+.base_c48ade {
        .wrapper_ef3116.guilds_c48ade .stack_dbd263 .stack_dbd263 {
            height: calc(55vh - (var(--bf-sidebar-show-extra-buttons)) * 10.5vh);
            overflow-y: scroll;
            overflow-x: hidden;
            &::-webkit-scrollbar { display: none }
        }
        .guilds_c48ade {
            left: 0;
        }
        .content_c48ade { margin-left: 72px }
    }
}
.base_c48ade { margin-top: 0 !important }
.bar_c38106 {
    transform: translateY(-8px);
    height: 16px;
    .title_c38106 {
        justify-content: left;
        margin-left: 6px;
        margin-top: 6px;
        height: 24px;
    }
    .recentsIcon_c99c29,
    .anchor_edefb8 { display: none !important }
    .trailing_c38106>.winButtons_c38106 {
        >.winButton_c38106 {
            width: 24px;
            height: 24px;
        }
        &::before { display: none !important }
    }
}

.content_c48ade { margin-top: 56px }

sand sapphire Mar 28, 2025, 7:45 AM

#

faint fractal Mar 28, 2025, 7:45 AM

#

bruh

sand sapphire Mar 28, 2025, 7:45 AM

#

that now breaks when a folder is open yeah

#

this is how it looks closed:

faint fractal Mar 28, 2025, 7:45 AM

#

vh hell

tough cloakBOT Mar 28, 2025, 7:45 AM

#

faint fractal vh hell

Command hell not found.

faint fractal Mar 28, 2025, 7:46 AM

#

vertical height hell

#

:root {
    --HSL-server-scale: 1;
    --HSL-server-direction: column;
    --HSL-server-alignment: flex-start;
    --__server-container: calc(var(--custom-guild-list-width) * var(--HSL-server-scale));
    --__server-y-padding: 10px;
}

.content_c48ade {
    margin-top: var(--__server-container);
    overflow: visible;
}

#app-mount {
    .sidebar_c48ade {
        border-radius: 0;
        overflow: visible;
    }
    .guilds_c48ade {
        transform-origin: top left;
        rotate: -90deg;
        scale: var(--HSL-server-scale);
        position: absolute !important;
    }
    .xtree_ef3116 {
        padding-top: var(--__server-y-padding);
        padding-bottom: var(--__server-y-padding);
    }
    .wrapper_cc5dd2 { rotate: 90deg }
    .itemsContainer_ef3116,
    .stack_dbd263 {
        flex-direction: var(--HSL-server-direction);
        justify-content: var(--HSL-server-alignment);
    }
}

.base_c48ade .guilds_c48ade {
    left: 16px;
}

.container_c48ade > div:not(.base_c48ade) {
    position: absolute;
    z-index: 101;
    transform: translateY(48px);
    margin-top: -12px;
    >nav { height: max-content !important }
    .wrapper_cc5dd2,
    .guilds_c48ade { rotate: 0deg !important }
    &+.base_c48ade {
        .wrapper_ef3116.guilds_c48ade .stack_dbd263 .stack_dbd263 {
            height: 50%;
            overflow-y: scroll;
            overflow-x: hidden;
            &::-webkit-scrollbar { display: none }
        }
        .guilds_c48ade {
            left: 0;
        }
        .content_c48ade { margin-left: 72px }
    }
}
.base_c48ade { margin-top: 0 !important }
.bar_c38106 {
    transform: translateY(-4px);
    height: 16px;
    .title_c38106 {
        justify-content: left;
        margin-left: 4px;
        margin-top: 6px;
        height: 24px;
    }
    .recentsIcon_c99c29,
    .anchor_edefb8 { display: none !important }
    .trailing_c38106>.winButtons_c38106 {
        >.winButton_c38106 {
            width: 24px;
            height: 24px;
        }
        &::before { display: none !important }
    }
}

.content_c48ade { margin-top: 60px }

sand sapphire Mar 28, 2025, 7:48 AM

#

ok much better

#

faint fractal Mar 28, 2025, 7:48 AM

#

i need to fix the vh hell

#

oh nevermind

#

just remove the height: 50%

sand sapphire Mar 28, 2025, 7:50 AM

#

faint fractal just remove the `height: 50%`

that did nothing...

#

cry

faint fractal Mar 28, 2025, 7:50 AM

#

it isnt supposed to, im not even sure why it is even there

sand sapphire Mar 28, 2025, 7:50 AM

#

oooh okok

#

I wonder if there is any way to make the titlebar even shorter and the title + window icons closer to the top serverbar
Which would also make the titlebar look more centered vertically

faint fractal Mar 28, 2025, 7:54 AM

#

sand sapphire I wonder if there is any way to make the titlebar even shorter and the title + w...

ive made it as small as possible, if i decrease it further, the icon can get cut off by the server bar

sand sapphire Mar 28, 2025, 7:54 AM

#

oooh understood, thanks!

faint fractal Mar 28, 2025, 7:54 AM

#

its really as much as i could do

sand sapphire Mar 28, 2025, 7:54 AM

#

it's already a lot, thanks again!

#

oh wait
it's still missing the inbox icon, is there any way I can bring it back? Because I do use it

faint fractal Mar 28, 2025, 8:01 AM

#

remove the line .recentsIcon_c99c29, and add a new line with css .recentsIcon_c99c29 > div { width: 24px !important; height: 24px !important; }

#

so basically

-    .recentsIcon_c99c29,
+    .recentsIcon_c99c29 > div {
+        width: 24px !important;
+        height: 24px !important;
+    }

sand sapphire Mar 28, 2025, 8:03 AM

#

perfect, thanks again!

faint fractal Mar 28, 2025, 8:03 AM

#

~~fussy like your cats bruh~~

gaunt onyx Mar 28, 2025, 8:21 AM

#

sand sapphire ok much better

I just searched up "horizontal" in here to see if there's a way to get a clean horizontal server list and I think this looks great, but I am pretty much a big idiot so I have no clue how to make it work, didn't get Vencord until like 2 days ago

#

I imported some of the code sent in here into quickcss and got a horizontal server list but I am unable to scroll through it, and the folders don't open at the sidebar, I assume there's a few steps I missed along the way while I was trying to figure it out while scrolling thru this thread

sand sapphire Mar 28, 2025, 8:24 AM

#

oh shit you're right, it doesn't scroll

#

I didn't notice because mine was way shorter than the window size I had

gaunt onyx Mar 28, 2025, 8:24 AM

#

Yeah I basically just use 1 big ass folder for a ton of servers

faint fractal Mar 28, 2025, 8:24 AM

#

weird, i did set overflow-y to scroll

gaunt onyx Mar 28, 2025, 8:25 AM

#

my stuff is messy I should clean it up

sand sapphire Mar 28, 2025, 8:25 AM

#

neither the sidebar folder nor the topbar serverlist scroll, I just tested

faint fractal Mar 28, 2025, 8:25 AM

#

wanna set back the height like i said before?

sand sapphire Mar 28, 2025, 8:25 AM

#

ohhh that height 50%?

gaunt onyx Mar 28, 2025, 8:25 AM

#

but that chat icon in that screenshot and the sidebar showing opened folder seems really cool and fits with my setup

faint fractal Mar 28, 2025, 8:26 AM

#

sand sapphire ohhh that height 50%?

yeah

sand sapphire Mar 28, 2025, 8:27 AM

#

still doesn't scroll

#

neither of them

faint fractal Mar 28, 2025, 8:27 AM

#

kinda wonky eh, wait ill see

#

crap i dont have a server folder that long

#

found out why

#

@gaunt onyx @sand sapphire

:root {
    --HSL-server-scale: 1;
    --HSL-server-direction: column;
    --HSL-server-alignment: flex-start;
    --__server-container: calc(var(--custom-guild-list-width) * var(--HSL-server-scale));
    --__server-y-padding: 10px;
}

.content_c48ade {
    margin-top: var(--__server-container);
    overflow: visible;
}

#app-mount {
    .sidebar_c48ade {
        border-radius: 0;
        overflow: visible;
    }

    .guilds_c48ade {
        transform-origin: top left;
        rotate: -90deg;
        scale: var(--HSL-server-scale);
        position: absolute !important;
    }

    .xtree_ef3116 {
        padding-top: var(--__server-y-padding);
        padding-bottom: var(--__server-y-padding);
    }

    .wrapper_cc5dd2 {
        rotate: 90deg
    }

    .itemsContainer_ef3116,
    .stack_dbd263 {
        flex-direction: var(--HSL-server-direction);
        justify-content: var(--HSL-server-alignment);
    }
}

.base_c48ade .guilds_c48ade {
    left: 16px;
}

.container_c48ade>div:not(.base_c48ade) {
    position: absolute;
    z-index: 101;
    transform: translateY(52px);
    margin-top: -12px;

    >nav {
        height: calc(100vh - 52px) !important;
        overflow-y: scroll;

        &::-webkit-scrollbar {
            display: none
        }
    }

    .wrapper_cc5dd2,
    .guilds_c48ade {
        rotate: 0deg !important
    }

    &+.base_c48ade {
        .wrapper_ef3116.guilds_c48ade .stack_dbd263 .stack_dbd263 {
            overflow-y: scroll;
            overflow-x: hidden;

            &::-webkit-scrollbar {
                display: none
            }
        }

        .guilds_c48ade {
            left: 0;
        }

        .content_c48ade {
            margin-left: 72px
        }
    }
}

.base_c48ade {
    margin-top: 0 !important
}

.bar_c38106 {
    transform: translateY(-4px);
    height: 16px;

    .title_c38106 {
        justify-content: left;
        margin-left: 4px;
        margin-top: 6px;
        height: 24px;
    }

    .recentsIcon_c99c29>div {
        width: 24px !important;
        height: 24px !important;
    }

    .anchor_edefb8 {
        display: none !important
    }

    .trailing_c38106>.winButtons_c38106 {
        >.winButton_c38106 {
            width: 24px;
            height: 24px;
        }

        &::before {
            display: none !important
        }
    }
}

.content_c48ade {
    margin-top: 60px
}

sand sapphire Mar 28, 2025, 8:41 AM

#

ok yeah that works, thanks!

#

I edited some things to make the titlebar name and windows buttons look more centered (?):

For the window buttons I changed this:

.trailing_c38106>.winButtons_c38106 {
    >.winButton_c38106 {
        width: 24px;
        height: 24px;
    }

to this:

.trailing_c38106>.winButtons_c38106 {
    >.winButton_c38106 {
        width: 24px;
        height: 24px;
        margin-right: 4px;
    }

And for the title I changed this:

.title_c38106 {
    justify-content: left;
    margin-left: 4px;
    margin-top: 6px;
    height: 24px;
}

to this:

.title_c38106 {
    margin-left: 4px;
    margin-top: 10px;
    height: 24px;
}

#

jolly dock Mar 28, 2025, 2:42 PM

#

faint fractal <@147914503588282368> <@86455665840619520> ```css :root { --HSL-server-sca...

i somehow have made weirdness that i love but doesnt work fully using the code snippet upthere but without horizontal serverbar actually fully enabled. creates this where better folders stays on the left but the top bar doesnt scroll.

#

oh adding height:200%

        transform-origin: top left;
        rotate: -90deg;
        scale: var(--HSL-server-scale);
        position: absolute !important;
        height:200%
    }```
fixes it and now i have the weirdest discord...but i love it

#

gaunt onyx Mar 28, 2025, 7:16 PM

#

faint fractal <@147914503588282368> <@86455665840619520> ```css :root { --HSL-server-sca...

This still does not scroll for me

#

I also don't have the sidebar at all

gaunt onyx Mar 28, 2025, 7:34 PM

#

Nevermind, I made it work! Realized I didn't have the BetterFolders plugin enabled. Thanks for all this, very cool!

gaunt onyx Mar 28, 2025, 8:41 PM

#

faint fractal <@147914503588282368> <@86455665840619520> ```css :root { --HSL-server-sca...

Okay, I have another issue. After enabling the BetterFolders plugin, and updating the HorizontalServerList to this, my Discord doesn't seem to display any links? Picture I sent here is screenshot of a message with hyperlinks in it and none of them are showing. Disabling both the BetterFolders plugin and the HorizontalServerList theme makes it work again

#

Here is the actual message from the screenshot

#

It is the same issue even if they are not hyperlinks

faint fractal Mar 28, 2025, 11:00 PM

#

gaunt onyx Okay, I have another issue. After enabling the BetterFolders plugin, and updatin...

what the hell i have no idea it doesnt touch hyperlinks at all

gaunt onyx Mar 28, 2025, 11:02 PM

#

It's all links and not just hyperlinks, very strange

faint fractal Mar 28, 2025, 11:03 PM

#

thats so wonky

#

have you tried without the theme?

gaunt onyx Mar 28, 2025, 11:03 PM

#

gaunt onyx Here is the actual message from the screenshot

This is with horizontalserverlist theme disabled

faint fractal Mar 28, 2025, 11:04 PM

#

but better folders enabled?

gaunt onyx Mar 28, 2025, 11:06 PM

#

Yeah, enabling BetterFolders it works as normal

#

It's toggling HSL that makes them not show apparently

faint fractal Mar 28, 2025, 11:06 PM

#

weird bruh

#

have you tried checking which class in the themes is causing that issue?

gaunt onyx Mar 28, 2025, 11:07 PM

#

Hmm no I haven't looked much into the css on the HSL file but I can probably mess around with it a little to see

faint fractal Mar 28, 2025, 11:09 PM

#

i can't get my laptop for a while (going to go out) so will need to wait for like 3 hours

gaunt onyx Mar 28, 2025, 11:10 PM

#

yeah that's no problem

faint fractal Mar 28, 2025, 11:21 PM

#

im using the exact snippet, but it seems to work, are you sure you dont have any other plugins?

#

or themes?

gaunt onyx Mar 28, 2025, 11:27 PM

#

.title_c38106 { justify-content: left; margin-left: 4px; margin-top: 6px; height: 24px; } }

#

it was this

#

removing that in the .css file and saving made it work

faint fractal Mar 28, 2025, 11:27 PM

#

gaunt onyx ``.title_c38106 { justify-content: left; margin-left: 4px; margin-to...

but i dont face that issue

#

im using the same class + hash not attribute selector

#

its also inside the title class anyways

gaunt onyx Mar 28, 2025, 11:29 PM

#

I only have the seambless chat bar + HSL enabled

#

and BetterFolders

#

its this .bar_c38106 { transform: translateY(-4px); height: 16px; actually

#

the last } i removed was tied to the { in that so assume when i removed the } it made this not work and fixed it

#

okay now i'm just confused idk, i remove a small section of the code with the c38106 and then save and sometimes it bricks and sometimes it works, so i'll just stop messing with it now that i made it work

#

could be my discord being bad, but i don't have any other plugins enabled (turned them all off to make sure they weren't causing it)

faint fractal Mar 28, 2025, 11:40 PM

#

i have RSCB with some other themes from my repo

#

have you tried inspecting the message with the link and search for the class within it?

gaunt onyx Mar 28, 2025, 11:40 PM

#

on the browser? yeah but i'm too stupid to find anything

faint fractal Mar 28, 2025, 11:40 PM

#

like [class*=message] [class*=title] or smth

faint fractal Mar 28, 2025, 11:41 PM

#

gaunt onyx on the browser? yeah but i'm too stupid to find anything

have you tried on dekstop?

gaunt onyx Mar 28, 2025, 11:41 PM

#

how do you inspect on desktop app?

faint fractal Mar 28, 2025, 11:41 PM

#

ctrl + shift + i opens dev tools

#

then you select any element inside the dom

#

then press ctrl + f

faint fractal Mar 28, 2025, 11:42 PM

#

faint fractal like `[class*=message] [class*=title]` or smth

then put this inside that search bar

gaunt onyx Mar 28, 2025, 11:49 PM

#

faint fractal then put this inside that search bar

does this tell you anything

faint fractal Mar 28, 2025, 11:49 PM

#

gaunt onyx does this tell you anything

show the expanded part in devtools

gaunt onyx Mar 28, 2025, 11:54 PM

#

faint fractal show the expanded part in devtools

idk what to show so here's the entire window

faint fractal Mar 28, 2025, 11:54 PM

#

lovely pixels

gaunt onyx Mar 28, 2025, 11:54 PM

#

yellow part higlights that specific hyperlink

faint fractal Mar 28, 2025, 11:54 PM

#

Screenshot_2025-03-29-07-54-33-65_572064f74bd5f9fa804b05334aa4f912.jpg

gaunt onyx Mar 28, 2025, 11:54 PM

#

huh

faint fractal Mar 28, 2025, 11:55 PM

#

i cant see it at all

#

its all pixels

gaunt onyx Mar 28, 2025, 11:55 PM

#

https://imgur.com/5bemVDg

Imgur

#

better?

#

thats an imgur upload

#

just a sharex screenshot idk

faint fractal Mar 28, 2025, 11:55 PM

#

it was a discord issue bruh

#

i need to download it

gaunt onyx Mar 28, 2025, 11:56 PM

#

okay my bad

faint fractal Mar 28, 2025, 11:56 PM

#

there literally is nothing that can cause that issue wtf

gaunt onyx Mar 28, 2025, 11:57 PM

#

it affected all links and embeds at least

#

i don't have the issue after i deleted some lines from the css file but it's weird that it happened at all

faint fractal Mar 28, 2025, 11:58 PM

#

i never got that issue so i have no idea how to fix it

#

can you send the exact message here?

gaunt onyx Mar 28, 2025, 11:59 PM

#

Fetch SimC String for PTR Items
Moonkin APL
Druid Class Module
SimC Expansion Specific Options
APL Wiki
WoW Tools Local Download

#

Like that?

faint fractal Mar 29, 2025, 12:00 AM

#

yeah

#

ill see what i can do when i go back home

#

quick check, you still cant see that right?

gaunt onyx Mar 29, 2025, 12:02 AM

#

correct

#

#

Have notepad up with the .css and removing the } and saving then re-adding it toggles the issue basically

faint fractal Mar 29, 2025, 12:35 AM

#

gaunt onyx

send that file, it doesn't seem like the one i sent

gaunt onyx Mar 29, 2025, 12:36 AM

#

faint fractal send that file, it doesn't seem like the one i sent

📎 HorizontalServerList.theme.css

#

I can imagine there's probably some stuff different, I was reading through the messages in here and added or removed and followed steps that saw posted that worked for them. Very much not educated in css so mostly flying blind, but it's fun to doodle with

faint fractal Mar 29, 2025, 12:42 AM

#

Screenshot_2025-03-29-08-42-32-99_84d3000e3f4017145260f7618db1d683.jpg

faint fractal Mar 29, 2025, 12:44 AM

#

gaunt onyx

syntax error at line 133

#

it isnt the same as the one i sent

#

hslbf.css is #1326506110345023538 message
horizontal server list theme css is #1326506110345023538 message

*** hslbf.css   2025-03-29 08:44:31.315948517 +0800
--- HorizontalServerList.theme.css      2025-03-29 08:45:39.235948491 +0800
***************
*** 1,3 ****
--- 1,13 ----
+ /**
+  * @name Horizontal Server List
+  * @author Gibbu#1211
+  * @version 2.1.0
+  * @invite ZHthyCw
+  * @description Moves the server list from the left to the top of Discord. Compatible with Server Folders and most basic transparent themes
+  * @source https://github.com/DiscordStyles/HorizontalServerList
+  * @website https://www.gibbu.me
+ */
+
  :root {
    --HSL-server-scale: 1;
    --HSL-server-direction: column;
***************
*** 114,127 ****
      > .winButton_c38106 {
        width: 24px;
        height: 24px;
      }

!     &::before {
!       display: none !important;
!     }
    }
  }

  .content_c48ade {
    margin-top: 60px;
  }
--- 124,145 ----
      > .winButton_c38106 {
        width: 24px;
        height: 24px;
+       margin-right: 4px;
      }
+   }

!   &::before {
!     display: none !important;
    }
  }

  .content_c48ade {
    margin-top: 60px;
  }
+ .guilds_c48ade {
+   transform-origin: top left;
+   rotate: -90deg;
+   scale: var(--HSL-server-scale);
+   position: absolute !important;
+   height: 200%;
+ }

gaunt onyx Mar 29, 2025, 1:02 AM

#

faint fractal hslbf.css is https://discord.com/channels/1015060230222131221/132650611034502353...

Okay, I understand what I did wrong now, I looked at the changes Crowles said they made and tried to make the same ones, but messed up the syntax around the part I changed and it ended up bricking all links

#

That's what I get for trying to edit it in notepad instead of opening it in vscode, would have seen the red outline on the error

faint fractal Mar 29, 2025, 1:03 AM

#

gaunt onyx That's what I get for trying to edit it in notepad instead of opening it in vsco...

notepad++ exists btw

#

nano as well

#

(n)vim

faint fractal Mar 29, 2025, 2:38 PM

#

@sand sapphire

.expandedFolderBackground__48112 + .listItem__650eb > .folderIcon__48112 {
    margin-bottom: 0 !important;
}

here is your snippet to fix that stupid padding/margin on the right side of expanded folder icons

jolly dock Mar 29, 2025, 3:14 PM

#

~~i love moving from vencord to better discord because now i have infinitely new issues to solve, but infinitely more possibilities~~

sand sapphire Mar 29, 2025, 5:23 PM

#

faint fractal <@86455665840619520> ```css .expandedFolderBackground__48112 + .listItem__650eb...

works like a charm, thanks NinaOk

forest perch Mar 30, 2025, 6:29 PM

#

Sorry if this has been talked about in here, is there a version of this that puts the server list at the bottom of the window rather than the top?

faint fractal Mar 31, 2025, 1:12 AM

#

forest perch Sorry if this has been talked about in here, is there a version of this that put...

probably not, will take a while, but i will NOT do it

forest perch Mar 31, 2025, 1:33 AM

#

Alright I was just curious :)

sand sapphire Apr 5, 2025, 1:06 PM

#

faint fractal <@147914503588282368> <@86455665840619520> ```css :root { --HSL-server-sca...

welp the new update seems to have broken this cry

#

opening a folder results in this:

faint fractal Apr 5, 2025, 1:06 PM

#

wait i check

faint fractal Apr 5, 2025, 1:08 PM

#

sand sapphire opening a folder results in this:

i think vencord update, thats why
i havent updated discord to receive the change in better folders

sand sapphire Apr 5, 2025, 1:08 PM

#

Might it be because they fixed BetterFolders?

#

ok yeah

#

that's what I was suspecting

#

because I remember that Betterfolders was opening on the wrong side (left of the serverlist) before, now they probably fixed it to the right side and that somehow might have broken your snippet. At least that's what I suspected

faint fractal Apr 5, 2025, 1:10 PM

#

yeah its the better folders fix, looking into it, it should also have broken my original snippet

sand sapphire Apr 5, 2025, 1:10 PM

#

thanks in advance prayge

faint fractal Apr 5, 2025, 1:15 PM

#

have to do a rewrite 😭

#

stupid ass snippet

faint fractal Apr 5, 2025, 1:37 PM

#

:root {     --HSL-server-scale: 1;     --HSL-server-direction: column;     --HSL-server-alignment: flex-start;     --HSL-extra-folder-width: 64px;     --__server-container: calc(var(--custom-guild-list-width) * var(--HSL-server-scale));     --__server-y-padding: 10px; }  .content_c48ade {     margin-top: var(--__server-container);     overflow: visible; }  #app-mount {     .sidebar_c48ade {         border-radius: 0;         overflow: visible;     }      .guilds_c48ade {         transform-origin: top left;         rotate: -90deg;         scale: var(--HSL-server-scale);         position: absolute !important;     }      .xtree_ef3116 {         padding-top: var(--__server-y-padding);         padding-bottom: var(--__server-y-padding);     }      .wrapper_cc5dd2 { rotate: 90deg }      .itemsContainer_ef3116,     .stack_dbd263 {         flex-direction: var(--HSL-server-direction);         justify-content: var(--HSL-server-alignment);     } }  .content_c48ade:has(> .sidebar_c48ade > [style$="betterFoldersSidebar;"]) {     margin-left: var(--HSL-extra-folder-width);     > .sidebar_c48ade > .guilds_c48ade { left: 16px } }  .sidebar_c48ade > [style$="betterFoldersSidebar;"] > nav {     position: fixed !important;     rotate: 0deg !important;     top: calc(8px - var(--HSL-extra-folder-width)) !important;     left: calc(0px - var(--HSL-extra-folder-width)) !important;     height: calc(100vh - 48px) !important;     overflow-y: scroll;     &::-webkit-scrollbar { display: none !important }     .wrapper_cc5dd2 { rotate: 0deg !important } }

@gaunt onyx @sand sapphire your updated snippet

#

ill have to use it as well until i fix mine

#

nevermind, it was a much easier fix than this absolute monstrosity

sand sapphire Apr 5, 2025, 1:56 PM

#

faint fractal nevermind, it was a much easier fix than this absolute monstrosity

Did you re-edit the one right above or should we wait for the new one?

faint fractal Apr 5, 2025, 1:56 PM

#

use the new one above

sand sapphire Apr 5, 2025, 1:56 PM

#

ok thanks!

faint fractal Apr 5, 2025, 1:56 PM

#

the one in my repo using the double folders in a single sidebar is the one that was easier to modify for reasons beyond my comprehension

sand sapphire Apr 5, 2025, 2:11 PM

#

faint fractal use the new one above

uhhhh

gaunt onyx Apr 5, 2025, 2:11 PM

#

it removed the BetterFolders sidebar completely for me

#

but I also did not have a problem with the previous version so maybe I'm an update behind or something

sand sapphire Apr 5, 2025, 2:13 PM

#

sand sapphire uhhhh

funnily enough the left sidebar (the opened folder) is scrollable
it just cuts at 2 servers and half

#

on top of yeeting everything that's inside servers (channel list, chat etc.) out of the window

faint fractal Apr 5, 2025, 2:17 PM

#

sand sapphire uhhhh

for every issue you raise up, ill be rich by now

#

what themes are you using other than this abomination

sand sapphire Apr 5, 2025, 2:17 PM

#

none

#

only settingsicon

faint fractal Apr 5, 2025, 2:18 PM

#

gaunt onyx but I also did not have a problem with the previous version so maybe I'm an upda...

yes, you are behind an update

faint fractal Apr 5, 2025, 2:18 PM

#

sand sapphire only settingsicon

i dont even think settings icon is working husk

#

i dont see any icons there

sand sapphire Apr 5, 2025, 2:18 PM

#

shit you're right lmao

faint fractal Apr 5, 2025, 2:19 PM

#

^ needs caffeine

sand sapphire Apr 5, 2025, 2:19 PM

#

aaand same issue without it

#

lemme try removing all the other snippets

#

to see if something is interfering

#

nope!

#

same issue even when removing all the other snippets

faint fractal Apr 5, 2025, 2:22 PM

#

works on my machine blobcatcozy

#

try the snippet from my repo which uses the 'atrocious layout'
https://nspc911.github.io/themes/vencord/HorizontalServerList.theme.css

sand sapphire Apr 5, 2025, 2:26 PM

#

faint fractal try the snippet from my repo which uses the 'atrocious layout' https://nspc911.g...

#

oh hold on

#

forgot a ;

#

#

I'm assuming it's not the intended result because I can't scroll past the folder

#

as in: there are other closed folders after the opened one but I can't reach them unless I close that folder

faint fractal Apr 5, 2025, 2:29 PM

#

sand sapphire

you cant scroll the extra sidebar or normal sidebar?

#

are you unable to scroll in the main sidebar?

sand sapphire Apr 5, 2025, 2:29 PM

#

I can't scroll the serverlist when the folder is open

#

I can only scroll the opened folder

faint fractal Apr 5, 2025, 2:30 PM

#

weird bruh

sand sapphire Apr 5, 2025, 2:31 PM

#

the only other thing I can think of is if any other plugin is interfering

#

cause I have... a lot of them

#

faint fractal Apr 5, 2025, 2:37 PM

#

@sand sapphire try the linked snippet?

sand sapphire Apr 5, 2025, 2:37 PM

#

faint fractal try the snippet from my repo which uses the 'atrocious layout' https://nspc911.g...

I was using this one

faint fractal Apr 5, 2025, 2:37 PM

#

try again

#

pushed a change

sand sapphire Apr 5, 2025, 2:37 PM

#

ok

#

nnope doesn't work

#

#

it completely yeets off the window all the servers after it

faint fractal Apr 5, 2025, 2:40 PM

#

sand sapphire

can you scroll the main server folder tho

sand sapphire Apr 5, 2025, 2:41 PM

#

nope

#

not even when the folder is closed

faint fractal Apr 5, 2025, 2:41 PM

#

thats it im committing warcrimes

#

just please dont use hsl if it doesnt work for you, im done tweaking it to oblivion

sand sapphire Apr 5, 2025, 2:42 PM

#

ok

faint fractal Apr 5, 2025, 2:45 PM

#

like really sorry if it came out mean, but really im tired of coming back to the same snippet to help you

sand sapphire Apr 5, 2025, 2:46 PM

#

dw it's ok, thanks for trying NinaOk

wind cypress Apr 8, 2025, 5:34 PM

#

Hey, got some small snippets I made if you use both ReadAllNotificationsButton and ServerListIndicators plugins.
They will look wierd unless you use both. If you only want to use one of them change the top and left variables at will.
Keep in mind I am completely new to this stuff and there is ~~probably~~ better ways.

This one is for ReadAllNotificationsButton:

    position: relative;
    rotate: 90deg;
    top: 21px;
    left: -10px;
    margin-bottom: 1.1em;
}

And these ones for ServerListIndicators:
Only show friend count:

    position: relative;
    rotate: 90deg;
    top: -20px;
    left: 10px;
}

Show both friends and servers:

    position: relative;
    rotate: 90deg;
    top: -20px;
    left: 18px;
}

#vc-guildcount {
  position: relative;
  rotate: 90deg;
  top: -36px;
  left: 6px;
}

Only show servercount:

  position: relative;
  rotate: 90deg;
  top: -36px;
  left: 6px;
}

If you get issues relating to these ping me and not @faint fractal 👍

wind cypress Apr 8, 2025, 5:50 PM

#

This is how these look

faint fractal Apr 8, 2025, 10:06 PM

#

wind cypress Hey, got some small snippets I made if you use both ReadAllNotificationsButton a...

i personally never found a use to the plugins, so if it works for you, sure I guess

ruby marten Apr 14, 2025, 8:39 AM

#

I dont know if its related to this snippet or not, please excuse if not but is there a way to get rid of this? "the Find or start conv. button is such an eyesore

faint fractal Apr 14, 2025, 9:05 AM

#

ruby marten I dont know if its related to this snippet or not, please excuse if not but is t...

not related i think

dark cloak Apr 18, 2025, 7:33 PM

#

faint fractal <@86455665840619520> would you use this?

how did you get the title bar to look like that

dark cloak Apr 18, 2025, 8:09 PM

#

faint fractal ```css :root { --HSL-server-scale: 1; /* Scale of the server icons, deci...

`.base_c48ade { margin-top: 0 !important }
.bar_c38106 {
transform: translateY(-8px);
height: 16px;
.title_c38106 {
justify-content: left;
margin-left: 6px;
margin-top: 6px;
height: 24px;
}
.recentsIcon_c99c29,
.anchor_edefb8 { display: none !important }
.trailing_c38106>.winButtons_c38106 {
>.winButton_c38106 {
width: 24px;
height: 24px;
}
&::before { display: none !important }
}
}

.content_c48ade { margin-top: 0px }`

how would i use tihs but make the bar itself smaller so its like old discord

worn holly Apr 27, 2025, 6:12 PM

#

lol

#Horizontal Server List x Better Folder