#DM icon grid

1 messages ยท Page 1 of 1 (latest)

white vessel
#

4 column reduces dead space and looks a bit more like the channel header icons

white vessel
#

edit --dm-columns value to whatever

:root {
    --dm-columns: 4;
}

[class^=privateChannels_] [class^=content_] {
    display: grid;
    height: unset !important;
    grid-template-columns: repeat(var(--dm-columns), 1fr);

    &> * {
        overflow: hidden;
        grid-column: 1 / calc(var(--dm-columns) + 1);
    }
}

[class^=channel_]:has(
    [href="/channels/@me"],
    [href="/library"],
    [href="/shop"],
    [href="/store"],
    [href="/family-center"],
    [href="/message-requests"]
) {
    grid-column: auto;

    [class*="linkButton"] {
        padding-right: 0;
    }
 
    [class*="link_"] {
        justify-content: center;
        gap: 0;
    }

    [class*="avatar_"] {
        margin: 0;
        width: unset;
    }

    [class*="avatarWithText_"] {
        flex-grow: unset;
    }
    
    [class*="content_"] {
        display: none;
    }
}
thorny cape
#

original snippet kinda breaks with 5 buttons

#

not sure why i still have the family center thing

elder holly
#

i have a different snippet to nyaboom that

#

i dont have message requests for some reason though

stuck heron
#

I'm using it

hollow sun
#

How do you get this button to appear?

thorny cape
#

but when they added it i never disabled it

#

oh theres a settings toggle for it

hollow sun
#

Ah, thank you!

shell cosmos
#

bru

atomic sage
#

yo whats cut off ๐Ÿ˜ญ๐Ÿ˜ญ

wintry jungle
#

LOL

regal shoal
#

have to add it

livid needle
#

how da flip

pure plinth
shell cosmos
stuck heron
timid hearth
#

i actually used to have some CSS to do something similar to this, but instead it was all in one line

#

I honestly considered almost making a plugin to put a simple div wrapper around those buttons

novel flower
regal shoal
#

use salts version

stuck heron
#

yup

main wing
#

must be from channel hover animation

shell cosmos
#

Idk, I'll maybe try to port my version to vanilla discord, since it works with any amount of "channels" before the "direct messages" label

livid needle
shell cosmos
#

That's my version

#

I was just showing it

#

And it works fine

livid needle
#

oh alr

wheat scarab