xmc/modular/collapsing_members.css

85 lines
1.9 KiB
CSS
Raw Normal View History

2022-10-19 03:12:12 +00:00
[class^="chat-"]
2022-10-19 03:32:11 +00:00
> [class^="content-"]
> [class^="container-"]
> [class^="membersWrap-"],
[class^="chat-"] > [class^="content-"] > [class^="membersWrap-"] {
width: 50px !important;
min-width: 50px !important;
}
2022-10-19 03:12:12 +00:00
2022-10-19 03:32:11 +00:00
[class^="chat-"]
> [class^="content-"]
> [class^="container-"]:hover
> [class^="membersWrap-"],
[class^="chat-"] > [class^="content-"] > [class^="membersWrap-"]:hover {
width: 240px !important;
}
2022-10-19 03:12:12 +00:00
2022-10-19 03:32:11 +00:00
[class^="chat-"]
> [class^="content-"]
> [class^="container"]
> [class^="membersWrap-"],
[class^="chat-"] > [class^="content-"] > [class^="membersWrap-"] {
min-width: 0;
min-height: 100%;
background-color: var(--background-secondary);
}
2022-10-19 03:12:12 +00:00
2022-10-19 03:32:11 +00:00
[class^="chat-"]
> [class^="content-"]
> [class^="container-"]
> [class^="membersWrap-"]
> [class^="members-"],
[class^="chat-"]
> [class^="content-"]
> [class^="membersWrap-"]
> [class^="members-"] {
width: 58px !important;
}
2022-10-19 03:12:12 +00:00
2022-10-19 03:32:11 +00:00
[class^="chat-"]
> [class^="content-"]
> [class^="container-"]:hover
> [class^="membersWrap-"]
> [class^="members-"],
[class^="chat-"]
> [class^="content-"]
> [class^="membersWrap-"]:hover
> [class^="members-"] {
width: 240px !important;
}
2022-10-19 03:12:12 +00:00
2022-10-19 03:32:11 +00:00
[class^="chat-"]
> [class^="content-"]
> [class^="container-"]
> [class^="membersWrap-"]
> [class^="members-"]
> [class^="content-"]
> [class^="membersGroup-"],
[class^="chat-"]
> [class^="content-"]
> [class^="membersWrap-"]
> [class^="members-"]
> [class^="content-"]
> [class^="membersGroup-"] {
height: 0;
padding-top: 12px;
}
2022-10-19 03:12:12 +00:00
2022-10-19 03:32:11 +00:00
[class^="chat-"]
> [class^="content-"]
> [class^="container-"]:hover
> [class^="membersWrap-"]
> [class^="members-"]
> [class^="content-"]
> [class^="membersGroup-"],
[class^="chat-"]
> [class^="content-"]
> [class^="membersWrap-"]:hover
> [class^="members-"]
> [class^="content-"]
> [class^="membersGroup-"] {
height: 40px;
padding-top: 24px;
}