#preview

1 messages · Page 1 of 1 (latest)

velvet obsidian
velvet obsidian
velvet obsidian
#

preview

night rune
#

Howdy. Seems this doesn't like threads so much, any ideas?

torpid kite
#

this no longer works

velvet obsidian
#

looks like the @import url("https://lazuee.github.io/css-snippets/discord/member-list/import.css"); the member-list, has prob on channel/forum channel .. but on thread channel the member-list it works fine..

night rune
velvet obsidian
# night rune

sorry for late response. i've fixed it.
I've unset the width of an empty new child div from memberlist which was from the new discord css update.

/* Fix new child div from memberlist that has its own width which brokes the previous commit */
*:has([class*="membersWrap-"]:not(:focus-within)) [class*="membersListNotices-"]:not(:has(>div>div)) {
    width: unset;
}
velvet obsidian
solid cedar
#

broken again

#

just tried it wouldnt work anywhere

velvet obsidian
#

i already fix it

#

discord update the minified css. name- to name__

# 
@import url("https://lazuee.github.io/css-snippets/discord/sidebar-dm/import.css");
@import url("https://lazuee.github.io/css-snippets/discord/channel-list/import.css");
@import url("https://lazuee.github.io/css-snippets/discord/member-list/import.css");
solid cedar
#

just tried it

#

actually so cool

#

thank you

#

kinda not related but is there a css snippet for getting rid of the server list too

#

this is so clean and awesome the server list crowds it up

marsh pendant
#

Would you consider adding a variable to switch :focus-within to :hover? It seems to work perfectly fine with hover just from a find-replace.

solid cedar
#

@velvet obsidianclicking the memberlist in a groupchat doesnt expand the list but works fine when you expand servers member list

velvet obsidian
velvet obsidian
#

new update: new variables

Variables

Default state

  • --member-list-type : specifies the type of the member list, either hover or focus.
  • --member-list-width: sets the default width of the member list.
  • --member-list-transition: defines the default transition duration for the member list.

Active state

  • --member-list-active-width: sets the width of the member list when it is active.
  • --member-list-active-transition: defines the transition duration for the member list when it is active.
@import url("https://lazuee.github.io/css-snippets/discord/member-list/import.css");
:root {
    --member-list-type: "focus"; /* --member-list-type: "hover"; */
    --member-list-width: 70px;
    --member-list-transition: 200ms;

    --member-list-active-width: 240px;
    --member-list-active-transition: 800ms;
}
sand moss
#

guhhh

#

im having an issue where it opens more in a server with a lot of members than a group chat

#

ignore the 50 ms opening tansition time i set

#

(i dont think thats the issue)

#

correction: any server

#

i think it scales based on how many people in the member list are showing?? its out less for those who are in this thread, but still goes out more than the group chat im in

velvet obsidian
# 
:root {
  --variable-that-may-override-active-memberlist-width: var(--member-list-active-width);
}

check the root variables of the theme you're using.

velvet obsidian
sand moss
#

i removed and added all my imports other than the member list one, and also added and removed my only theme, and ive still had the same problem, i wanted my member list active width to be about 400px rather than what it was before so i changed --member-list-active-width to 400px
https://limey-is.me/dN13Hu5eBxeb/direct

#

this is with all snippets and themes disabled except this snippet

velvet obsidian
#

screenshot?

sand moss
velvet obsidian
sand moss
#

i have it set to 400px but its opening width is inconsistent, and i think the more users in the member list, the m ore width to the members list is added, on top of it seemingly being different for group dms

#

but yes!

velvet obsidian
# 


@import url("https://lazuee.github.io/css-snippets/discord/sidebar-dm/import.css");
@import url("https://lazuee.github.io/css-snippets/discord/channel-list/import.css");
@import url("https://lazuee.github.io/css-snippets/discord/member-list/import.css"); 

:root {
    --list-type: "hover"; 
/*     --list-type: "focus"; */
    --list-transition: 200ms;
    --list-active-transition: 800ms;
    
    --sidebar-dm-type: var(--list-type);
    --sidebar-dm-transition: var(--list-transition);
    --sidebar-dm-active-transition: var(--list-active-transition);
    --sidebar-dm-width: 68px;
    --sidebar-dm-active-width: 245px;
    --sidebar-dm-display-header: "false";
    --sidebar-dm-display-search: "false";
    
    --sidebar-channel-type: var(--list-type);
    --sidebar-channel-transition: var(--list-transition);
    --sidebar-channel-active-transition: var(--list-active-transition);
    --sidebar-channel-width: 68px;
    --sidebar-channel-icon-size: 22px;
    --sidebar-channel-active-width: 245px;
    
    --member-list-type: var(--list-type);
    --member-list-transition: var(--list-transition);
    --member-list-active-transition: var(--list-active-transition);
    --member-list-width: 70px;
    --member-list-active-width: 245px;
}
sand moss
#

THANK YOU!!!! pretty much everything except servers with one person works PERFECTLY :DD
the only thing thats kinda buggy with servers with one member is that it kinda stutters and flashes, however it doesnt do this anywhere else to my knowledge

thought id let you know, just in case people complain in the future or something. maybe itd be helpful? i set the active width to 400px like before, but issue still prersists with the default 245px. (gif below) but other that, again, everything works flawlessly, thank you again!
https://limey-is.me/TaO0lQTuMPae

#

extra information about the bug with servers who have only one member:

it bounces around less when the window is at half width like i usually have it, however, still flickers and slitly jitters + acts a bit funny

velvet obsidian
sand moss
#

it does happen with hover, yeah. with focus there is no issue