xmc/modular/collapsing_members/dynamic.css

87 lines
2 KiB
CSS
Raw Normal View History

2023-02-15 03:59:16 +00:00
@media (width < 1300px) {
[class^="chat-"]
> [class^="content-"]
> [class^="container-"]
> [class^="membersWrap-"],
[class^="chat-"] > [class^="content-"] > [class^="membersWrap-"] {
width: 50px !important;
min-width: 50px !important;
}
[class^="chat-"]
> [class^="content-"]
> [class^="container-"]:hover
> [class^="membersWrap-"],
[class^="chat-"] > [class^="content-"] > [class^="membersWrap-"]:hover {
width: 240px !important;
}
[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);
}
[class^="chat-"]
> [class^="content-"]
> [class^="container-"]
> [class^="membersWrap-"]
> [class^="members-"],
[class^="chat-"]
> [class^="content-"]
> [class^="membersWrap-"]
> [class^="members-"] {
width: 58px !important;
}
[class^="chat-"]
> [class^="content-"]
> [class^="container-"]:hover
> [class^="membersWrap-"]
> [class^="members-"],
[class^="chat-"]
> [class^="content-"]
> [class^="membersWrap-"]:hover
> [class^="members-"] {
width: 240px !important;
}
[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;
}
[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;
}
}