This, but fixed with new classes | libVencore | Page 1

willow gazelle Nov 5, 2023, 10:42 AM

#

just wanted to ask is it supposed to like Sanp?

jolly anchor Nov 5, 2023, 10:49 AM

#

no idea

quiet silo Nov 16, 2023, 6:24 AM

#

member list will close when you went too far right side, any fix for this I appreciate a lot.

search bar at the top doesn't animate or overlaps which looks weird, a minor thing but if there's a fix I appreciate.

Thank you @jolly anchor

azure magnet Nov 16, 2023, 11:33 PM

#

quiet silo member list will close when you went too far right side, any fix for this I appr...

these are both limitations of my theme. the very edge hover might not be fixable but ill try to find a way to make the searchbar resize

azure magnet Nov 17, 2023, 4:27 AM

#

@quiet silo sorry for ghost ping, but this is the correct fixed version:

/* minified memberlist (midnight theme version) */
:root{
    --collapsed: 62px;
    --expanded: 240px;
    --transition: 0.2s ease-out;
}
.searchResultsWrap__9f374,
.container_def45c {
    margin-right: var(--spacing);
}
.container_b2ce9c {
    background: none;
}
.membersWrap__90226,
.container_b2ce9c {
    padding-right: var(--spacing);
    min-width: unset;
    width: var(--collapsed);
    transition: var(--transition);
}
.membersWrap__90226::before {
    width: calc(100% - var(--spacing));
}
.members__9f47b {
    width: var(--collapsed);
    transition: var(--transition);
}
.membersWrap__90226:hover,
.membersWrap__90226:hover .members__9f47b,
.container_b2ce9c:hover {
    width: var(--expanded);
}
.membersGroup__85843 {
    height: 0;
    padding-top: 0;
    transition: var(--transition);
}
.membersWrap__90226:hover .membersGroup__85843 {
    padding: 24px 8px 0 16px;
    height: 40px;
}
.searchBar_e0c60b {
    margin-right: var(--spacing);
}
.chat__52833:has(.membersWrap__90226:not(:hover)) .searchBar_e0c60b {
    width: calc(var(--collapsed) - 24px) !important;
    margin-left: calc(var(--spacing) + 8px);
}
.base__3e6af {
    margin-right: 0;
}```

azure magnet Nov 17, 2023, 4:44 AM

#

quiet silo Nov 17, 2023, 11:59 AM

#

azure magnet

Thank you so much!

quiet silo Nov 17, 2023, 12:15 PM

#

It works flawlessly, just a small minor issue I found that don't have to be fixed if it's impossible or don't have the time for it.

#

#

I appreciate the fix a lot prayumaru

azure magnet Nov 17, 2023, 3:45 PM

#

quiet silo

its fine for me, have you added any extra css?

quiet silo Nov 17, 2023, 3:58 PM

#

azure magnet its fine for me, have you added any extra css?

this is my whole css

📎 message.txt

azure magnet Nov 18, 2023, 4:09 AM

#

quiet silo

ok i have fixed this, but removed the case where you hover on the very edge because it will be a ton of work to implement for every single discord panel.

/* minified memberlist (midnight theme version) */
:root {
    --collapsed: 62px;
    --expanded: 240px;
    --transition: 0.2s ease-out;
}
.membersWrap__90226 {
    min-width: unset;
    width: var(--collapsed);
    transition: var(--transition);
    height: 100%;
}
.members__9f47b,
.container_b2ce9c {
    width: var(--collapsed);
    transition: var(--transition);
}
.membersWrap__90226:hover,
.membersWrap__90226:hover .members__9f47b,
.container_b2ce9c:hover {
    width: var(--expanded);
}
.membersGroup__85843 {
    height: 0;
    padding-top: 0;
    transition: var(--transition);
}
.membersWrap__90226:hover .membersGroup__85843 {
    padding: 24px 8px 0 16px;
    height: 40px;
}
.chat__52833:has(.membersWrap__90226:not(:hover)) .searchBar_e0c60b {
    width: calc(var(--collapsed) - 24px) !important;
    margin-left: calc(var(--spacing) + 8px);
}```

quiet silo Nov 18, 2023, 4:58 AM

#

azure magnet ok i have fixed this, but removed the case where you hover on the very edge beca...

ah thank you so much! sayuwuHeart

real basin Nov 21, 2023, 2:13 AM

#

does anyone else have this kinda broke inside of threads

#

ok nvm

#

there was a channel width var in my theme

#

switched that to the minified width and it's fine now

#

lol

zealous kelp Nov 21, 2023, 10:50 AM

#

thank you blobcatcozy

whole solstice Mar 29, 2024, 2:52 PM

#

hey, the latest discord update seems to have broken this snippet, is there any fix

analog mango Mar 30, 2024, 11:41 AM

#

Made slight changes, idk how to fix it fully but it works.

:root {
    --hidden-user-width: 60px; --user-width: 240px; --transition-time: 0.4s;
}
.container_b2ce9c,
.membersWrap__5ca6b{
    transition-duration:var(--transition-time);
    justify-content:unset;
    min-width:unset;
    width:var(--hidden-user-width);
}
.membersGroup_cad095{
    height:0px;
    transition-duration:var(--transition-time);
    padding-top:0px
}
.container_b2ce9c:hover 
.membersGroup_cad095,
.membersWrap__5ca6b:hover 
.membersGroup_cad095{
    height:40px;
    padding-top:24px
}
.container_b2ce9c:hover,
.membersWrap__5ca6b:hover{
    width:var(--user-width);
}
.profilePanel-2PWEok{ transition-duration:var(--transition-time); }```

whole solstice Mar 31, 2024, 1:15 AM

#

ty

rich drum May 1, 2024, 10:05 AM

#

:root{
    --collapsed-thread-member-list-width: 60px; 
    --collapsed-sidebar-width: 48px;
    --collapsed-member-list-width: 48px;
}
/* CHANNELS */
[class^=base_]>[class^=content_]>[class^=chat_]
    >[class^=content_]>[class^=container_] {
        margin: var(--ui-margin-value);
        margin-top: 0;
        max-width: var(--collapsed-member-list-width);
        
        >aside>div>div>h3[class^=membersGroup]{
            height:0px;
            padding-top:0px;
        }

        &:hover {
            max-width: 100%;
            >aside>div>div>h3[class^=membersGroup]{
                height:40px;
                padding-top:24px;
            }
        }
    }


/* THREAS */
[class^=chat]>[class^=content_]>[class^=membersWrap] {
    flex-basis:var(--collapsed-thread-member-list-width);
    min-width: unset;
    max-width: var(--collapsed-thread-member-list-width);
    >[class^=members]{
        min-width: unset;
        max-width: var(--collapsed-thread-member-list-width);
        >ul>[class^=membersGroup]{
            height:0px;
            padding-top:0px;
        }            
        &:hover{
            max-width: 100%;
            >ul>[class^=membersGroup]{
                height:40px;
                padding-top:24px;
            }
        }
    }
    &:hover {
        max-width: 100%;
    }
}

Works for normal channels & threads, add animations if you want
tho is too easy to break

drifting panther May 5, 2024, 10:06 PM

#

rich drum ```css :root{ --collapsed-thread-member-list-width: 60px; --collapsed-s...

How do I add animations?

drifting panther May 5, 2024, 10:06 PM

#

analog mango Made slight changes, idk how to fix it fully but it works. ```/* Minifiedmemberl...

nvm im using this one

analog mango Jun 20, 2024, 6:38 PM

#

/* Minifiedmemberlist */
:root {  --hidden-user-width: 60px; --user-width: 240px; --transition-time: 0.4s; }

.container_cbd271,
.membersWrap_cbd271 {
    transition-duration:var(--transition-time);
    justify-content:unset;
    min-width:unset;
    width:var(--hidden-user-width);
}
.membersGroup_cbd271 {
    height:0px;
    transition-duration:var(--transition-time);
    padding-top:0px
}
.container_cbd271:hover 
.membersGroup_cbd271,
.membersWrap_cbd271:hover 
.membersGroup_cbd271 {
    height:40px;
    padding-top:24px
}
.container_cbd271:hover,
.membersWrap_cbd271:hover {  width:var(--user-width); }
.profilePanel-2PWEok{ transition-duration:var(--transition-time); }

#This, but fixed with new classes