compact members bar and direct messages | libVencore | Page 1

hushed vigil Jun 5, 2023, 1:30 PM

#

the avatar decorations seem a little bit off to me hmm

#

[class^=avatarDecoration-] {
  left: -10px;
}

#

this fixes, nice

gleaming copper Jun 5, 2023, 1:55 PM

#

looks like discord uses some weird css for decorations
so this is more compatible i think

.container-2o3qEW .avatarDecoration-2Wb1Au,
.privateChannels-oVe7HL .avatarDecoration-2Wb1Au {
    left: calc((.5 - var(--decoration-to-avatar-ratio))*100%);
}

#

also the thread has a different members tab, didnt know about that

hushed vigil Jun 5, 2023, 2:00 PM

#

the member tab in threads and group DMs are still like normal

gleaming copper Jun 5, 2023, 2:00 PM

#

yeah im fixing them rn

#

:is(.membersWrap-3NUR2t, .privateChannels-oVe7HL) .wrapper-3Un6-K > svg,
:is(.membersWrap-3NUR2t, .privateChannels-oVe7HL) .layout-1LjVue,
:is(.membersWrap-3NUR2t, .privateChannels-oVe7HL) .layout-1qmrhw { height: 24px }
.membersWrap-3NUR2t .avatar-6qzftW,
.privateChannels-oVe7HL .avatar-1HDIsL { width: 16px; height: 24px }
:is(.membersWrap-3NUR2t, .privateChannels-oVe7HL) .wrapper-3Un6-K { height: 20px !important }
.privateChannels-oVe7HL .wrapper-3Un6-K svg[width="40"] { width: 24px }
.privateChannels-oVe7HL .wrapper-3Un6-K svg[width="32"] { width: 20px }
.subText-OGOWMj, .subText-3Sk0zy { display: none }
.container-2o3qEW, .membersWrap-3NUR2t { overflow: hidden }

.membersWrap-3NUR2t,
.scroller-WSmht3 {
    max-height: 200%;
    min-height: 160%;
}
:is(.membersWrap-3NUR2t, .privateChannels-oVe7HL) .avatarDecoration-2Wb1Au {
    left: calc((.5 - var(--decoration-to-avatar-ratio))*100%);
}

i tried my best but it still breaks when pasting in a bunch of text
nothing i can do about that i think

#

well the only way is to remove

.membersWrap-3NUR2t,
.scroller-WSmht3 {
    max-height: 200%;
    min-height: 160%;
}

but then not all members are loaded in

cunning wave Jun 6, 2023, 3:47 AM

#

hushed vigil the avatar decorations seem a little bit off to me hmm

off topic but i love that role indicator bar on the top...what theme is it from

hushed vigil Jun 6, 2023, 6:00 AM

#

I did it myself

#

it's part of the quickcss mess that I currently have around

hushed vigil Jun 6, 2023, 7:05 AM

#

found another issue within the new snippet, that members who are not online will have their pfp slightly bigger and offset from the others
will try to fix it

gleaming copper Jun 6, 2023, 9:42 AM

#

hushed vigil found another issue within the new snippet, that members who are not online will...

i already fixed it

serene tinsel Jun 6, 2023, 10:09 AM

#

doesnt affect favourite tabs

gleaming copper Jun 6, 2023, 10:10 AM

#

where

serene tinsel Jun 6, 2023, 10:55 AM

#

#

happens after you use new mobile ui

#

and u favourite a dm

gleaming copper Jun 6, 2023, 11:00 AM

#

found it and fixing it

#

looks like internally it's treated as a server so i can't really differentiate between them
also it already looks somewhat compact?

#

the wrapper* uses the same classes as channels

gleaming copper Jun 6, 2023, 11:36 AM

#

serene tinsel

you can add

.container-1NXEtd[aria-label="Favorites (server)"] {
    max-height: 200%;
    min-height: 110%;
}
.container-1NXEtd[aria-label="Favorites (server)"] ~ .panels-3wFtMD {
    position: absolute;
    bottom: 0;
}
.container-1NXEtd[aria-label="Favorites (server)"] .mainContent-20q_Hp,
.iconItem-1EjiK0 { padding: 2px 0 }
.container-1NXEtd[aria-label="Favorites (server)"] .wrapper-NhbLHG,
.container-1NXEtd[aria-label="Favorites (server)"] .content-1gYQeQ { padding: 0 }

(this only works in english obv)

#compact members bar and direct messages