I m using discord on a vertical monitor | libVencore | Page 1

tight belfry Jun 27, 2023, 10:47 AM

#

This is actually so nice wtf!! pleading_kitty

tight belfry Jun 27, 2023, 11:03 AM

#

I cant get to work on my mac idk why :(( the css rules look good and the aside element is there but nothing changes, the GIF you sent looks amazing tho 😭 I want it so baddd

hexed nymph Jun 27, 2023, 11:22 AM

#

did you try removing the media query around it?

#

also just realized it doesn't work in threads 💀

tight belfry Jun 27, 2023, 11:22 AM

#

hexed nymph did you try removing the media query around it?

Yeah i did

#

i noticed the 1080px part

#

even without the entire <@&1118512947539492864>edia query tho

#

oops sorry to them

tight belfry Jun 27, 2023, 11:22 AM

#

hexed nymph also just realized it doesn't work in threads 💀

Aww thats ok tho

#

pleading_kitty

#

it looks so good

#

I wanna be that good at css

hexed nymph Jun 27, 2023, 11:24 AM

#

oh i can fix it in threads by just tossing the aside thing away

#

maybe the elements are called differently in the mac build or something

tight belfry Jun 27, 2023, 11:27 AM

#

hexed nymph maybe the elements are called differently in the mac build or something

they dont seem to be thats the weird thing

#

im on browser too

#

just discord.com

tight belfry Jun 27, 2023, 11:27 AM

#

hexed nymph oh i can fix it in threads by just tossing the aside thing away

pleading_kitty

hexed nymph Jun 27, 2023, 11:54 AM

#

i'll post the old version here again before i edit the original post

/* member list thingy */
@media only screen and (max-width: 1080px) {
    aside[class*="membersWrap"] {
        position: absolute;
        opacity: 75%;
        right: -180px;
        transition: all 300ms cubic-bezier(0.22, 1, 0.36, 1);
        z-index: 1;
    }

    aside[class*="membersWrap"]:hover {
        opacity: 100%;
        right: 0;
        z-index: 2;
    }

    main form {
        z-index: 2;
        width: calc(100% - 9vw);
    }
}```

#

now it has a border because sometimes you couldn't see the edge of it correctly

low forge Jun 27, 2023, 12:25 PM

#

neat

tight belfry Jun 28, 2023, 5:48 PM

#

I got it working btw ^_^ tysm

hexed nymph Jun 28, 2023, 5:52 PM

#

nice

#

what did you change?

tight belfry Jun 28, 2023, 6:38 PM

#

hexed nymph what did you change?

tyyy & i just used a .css file on my website and the themes stab 😭 idk why but the quickCSS thing is broken on my macbook

#

Im so glad it works now tho

honest niche Jun 29, 2023, 4:18 AM

#

/* member list thingy */
[class*="membersWrap"] {
    position: absolute;
    opacity: 0%;
    right: -220px;
    transition: all 300ms cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 1;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

[class*="membersWrap"] > [class*="members-"] {
    border-radius: 0 0 0 8px;
}

[class*="membersWrap"]:hover > [class*="members-"] {
    border-radius: 0 0 0 8px;
}

[class*="membersWrap"]:hover {
    opacity: 100%;
    right: 0;
    z-index: 2;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: 1px solid var(--background-modifier-accent);
    border-width: 0 0 2px 2px;
    border-radius: 0 0 0 8px;
}

I removed media screen and change opacity from 75% to 0% for hovering effects.
And change the right from -180 to -220px, so that it will only hover when the mouse is in the scrollbar,.

tight belfry Jun 29, 2023, 1:07 PM

#

pleading_kitty

#

Good work

mellow fjord Jul 2, 2023, 1:59 PM

#

For vertical screen I'd recommend using horizontal server list too

lethal halo Jul 14, 2023, 4:51 PM

#

@hexed nymph is there a fix for the scrollbar, that is unusable

hexed nymph Jul 14, 2023, 8:06 PM

#

talked in dms but if anyone else needs a scrollbar on the left side

[class*="managedReactiveScroller"] {
    direction: rtl;
}

[class*="scrollerInner"] {
    direction: ltr;
}```

rich wharf Oct 10, 2023, 9:36 PM

#

no longer works unfortunately

hexed nymph Oct 11, 2023, 8:28 AM

#

i can't update the original message so i'll just post the updated thing here

#

/* member list thingy */
@media screen and (max-width: 1080px) {
    main form {
        z-index: 2;
        width: calc(100% - 9vw);
    }

    [class^="membersWrap"]:hover>[class^="members-"],
    [class^="membersWrap"]>[class^="members-"] {
        border-radius: 0 0 0 8px;
    }

    [class^="content"]>[class^="container"]:has([class^="membersWrap"]),
    [class^="content"]>[class^="membersWrap"] /* group dms */
    {
        position: absolute;
        opacity: 75%;
        right: -180px;
        transition: all 300ms cubic-bezier(0.22, 1, 0.36, 1);
        z-index: 1;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

    [class^="content"]>[class^="container"]:has([class^="membersWrap"]):hover,
    [class^="content"]>[class^="membersWrap"]:hover /* group dms */
    {
        opacity: 100%;
        right: 0;
        z-index: 2;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        border: 1px solid var(--background-modifier-accent);
        border-width: 0 0 2px 2px;
        border-radius: 0 0 0 8px;
    }
}```

#

@rich wharf

rigid viper Oct 14, 2023, 3:40 PM

#

hey im here from discord search. i see other ppl having this issue.

#

i just pasted that and it doesnt seem to work

rigid viper Oct 19, 2023, 10:58 PM

#

is this still broke or am i doing it wrong?

rigid viper Oct 22, 2023, 12:50 AM

#

#🎨-css-snippets message

#I m using discord on a vertical monitor