BetterDiscord 向けの、チャンネル一覧とメンバー一覧を折りたたんでマウスオーバーで展開するカスタム CSS

discord.css

.sidebar-2K8pFh {
    width: 64px;
    transition: all 0.25s ease;
}
.sidebar-2K8pFh:hover {
    width: 240px;
}
    
.panel-24C3ux, .container-3baos1, .container-1giJp5 {
    padding-left: 16px;
}
.actions-aUdUfC {
    display: none;
}
.sidebar-2K8pFh:hover .actions-aUdUfC {
    display: block;
}
.list-2bwCXU {
    padding-left: 18px;
    transition: all 0.25s ease;
}
.sidebar-2K8pFh:hover .list-2bwCXU {
    padding-left: 32px;
}

.membersWrap-2h-GB4 {
    width: 60px;
    min-width: 60px;
    transition: all 0.25s ease;
}
.membersWrap-2h-GB4 .members-1998pB {
    width: 60px;
    transition: all 0.25s ease;
}
.membersWrap-2h-GB4:hover {
    width: 240px;
}
.membersWrap-2h-GB4:hover .members-1998pB {
    width: 240px;
}