Make Modular

This commit is contained in:
CI 2023-10-08 18:38:42 +00:00
parent 78f6f5d335
commit 326d549dde
15 changed files with 1017 additions and 78 deletions

View file

@ -131,17 +131,16 @@ div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
[class^="containerDefault-"][class*="selected-"]
[class^="iconVisibility-"]
> [class^="content-"]
[class^="linkTop-"]
> [class^="children-"],
div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
[class^="containerDefault-"]
[class^="iconVisibility-"][class*="modeSelected-"]
> [class^="content-"]
[class^="linkTop-"]
> [class^="children-"],
div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
[class^="iconVisibility-"]:not([class*="typeThread-"])
> [class^="content-"]
> [class^="mainContent-"]
[class^="linkTop-"]
> [class^="name-"],
div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
[class^="containerDefault-"]
@ -149,12 +148,12 @@ div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
[class^="containerDefault-"]
[class^="voiceUser-"]
> [class^="content-"]
[class^="linkTop-"]
> [class^="icons-"],
div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
[class^="containerDefault-"]
[class^="voiceUser-"]
> [class^="content-"]
[class^="linkTop-"]
> [class*="username-"] {
display: none;
}
@ -162,8 +161,7 @@ div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
[class^="containerDefault-"]
[class^="iconVisibility-"][class*="typeThread-"]
> [class^="content-"]
> [class^="mainContent-"]
[class^="linkTop-"]
> [class^="name-"] {
margin-left: 20px;
}
@ -197,9 +195,32 @@ div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
display: none;
}
div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
> nav[class^="container-"]
> [class^="container-"][class*="bottom-"]
> [class^="containerPadding-"]
> [class^="bar-"] {
width: 32px !important;
}
div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
> nav[class^="container-"]
> [class^="container-"][class*="bottom-"]
> [class^="containerPadding-"]
> [class^="bar-"]
> svg {
display: none;
}
div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
[class*="unreadBar-"]
> span {
> span,
div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
> nav[class^="container-"]
> [class^="container-"][class*="bottom-"]
> [class^="containerPadding-"]
> [class^="bar-"]
> [class*="barText-"] {
overflow: hidden;
white-space: nowrap;
text-overflow: clip;

View file

@ -131,17 +131,16 @@
div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
[class^="containerDefault-"][class*="selected-"]
[class^="iconVisibility-"]
> [class^="content-"]
[class^="linkTop-"]
> [class^="children-"],
div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
[class^="containerDefault-"]
[class^="iconVisibility-"][class*="modeSelected-"]
> [class^="content-"]
[class^="linkTop-"]
> [class^="children-"],
div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
[class^="iconVisibility-"]:not([class*="typeThread-"])
> [class^="content-"]
> [class^="mainContent-"]
[class^="linkTop-"]
> [class^="name-"],
div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
[class^="containerDefault-"]
@ -149,12 +148,12 @@
div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
[class^="containerDefault-"]
[class^="voiceUser-"]
> [class^="content-"]
[class^="linkTop-"]
> [class^="icons-"],
div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
[class^="containerDefault-"]
[class^="voiceUser-"]
> [class^="content-"]
[class^="linkTop-"]
> [class*="username-"] {
display: none;
}
@ -162,8 +161,7 @@
div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
[class^="containerDefault-"]
[class^="iconVisibility-"][class*="typeThread-"]
> [class^="content-"]
> [class^="mainContent-"]
[class^="linkTop-"]
> [class^="name-"] {
margin-left: 20px;
}
@ -197,9 +195,32 @@
display: none;
}
div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
> nav[class^="container-"]
> [class^="container-"][class*="bottom-"]
> [class^="containerPadding-"]
> [class^="bar-"] {
width: 32px !important;
}
div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
> nav[class^="container-"]
> [class^="container-"][class*="bottom-"]
> [class^="containerPadding-"]
> [class^="bar-"]
> svg {
display: none;
}
div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
[class*="unreadBar-"]
> span {
> span,
div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
> nav[class^="container-"]
> [class^="container-"][class*="bottom-"]
> [class^="containerPadding-"]
> [class^="bar-"]
> [class*="barText-"] {
overflow: hidden;
white-space: nowrap;
text-overflow: clip;

View file

@ -131,17 +131,16 @@
div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
[class^="containerDefault-"][class*="selected-"]
[class^="iconVisibility-"]
> [class^="content-"]
[class^="linkTop-"]
> [class^="children-"],
div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
[class^="containerDefault-"]
[class^="iconVisibility-"][class*="modeSelected-"]
> [class^="content-"]
[class^="linkTop-"]
> [class^="children-"],
div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
[class^="iconVisibility-"]:not([class*="typeThread-"])
> [class^="content-"]
> [class^="mainContent-"]
[class^="linkTop-"]
> [class^="name-"],
div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
[class^="containerDefault-"]
@ -149,12 +148,12 @@
div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
[class^="containerDefault-"]
[class^="voiceUser-"]
> [class^="content-"]
[class^="linkTop-"]
> [class^="icons-"],
div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
[class^="containerDefault-"]
[class^="voiceUser-"]
> [class^="content-"]
[class^="linkTop-"]
> [class*="username-"] {
display: none;
}
@ -162,8 +161,7 @@
div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
[class^="containerDefault-"]
[class^="iconVisibility-"][class*="typeThread-"]
> [class^="content-"]
> [class^="mainContent-"]
[class^="linkTop-"]
> [class^="name-"] {
margin-left: 20px;
}
@ -197,9 +195,32 @@
display: none;
}
div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
> nav[class^="container-"]
> [class^="container-"][class*="bottom-"]
> [class^="containerPadding-"]
> [class^="bar-"] {
width: 32px !important;
}
div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
> nav[class^="container-"]
> [class^="container-"][class*="bottom-"]
> [class^="containerPadding-"]
> [class^="bar-"]
> svg {
display: none;
}
div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
[class*="unreadBar-"]
> span {
> span,
div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
> nav[class^="container-"]
> [class^="container-"][class*="bottom-"]
> [class^="containerPadding-"]
> [class^="bar-"]
> [class*="barText-"] {
overflow: hidden;
white-space: nowrap;
text-overflow: clip;

View file

@ -137,17 +137,16 @@ div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
[class^="containerDefault-"][class*="selected-"]
[class^="iconVisibility-"]
> [class^="content-"]
[class^="linkTop-"]
> [class^="children-"],
div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
[class^="containerDefault-"]
[class^="iconVisibility-"][class*="modeSelected-"]
> [class^="content-"]
[class^="linkTop-"]
> [class^="children-"],
div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
[class^="iconVisibility-"]:not([class*="typeThread-"])
> [class^="content-"]
> [class^="mainContent-"]
[class^="linkTop-"]
> [class^="name-"],
div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
[class^="containerDefault-"]
@ -155,12 +154,12 @@ div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
[class^="containerDefault-"]
[class^="voiceUser-"]
> [class^="content-"]
[class^="linkTop-"]
> [class^="icons-"],
div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
[class^="containerDefault-"]
[class^="voiceUser-"]
> [class^="content-"]
[class^="linkTop-"]
> [class*="username-"] {
display: none;
}
@ -168,8 +167,7 @@ div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
[class^="containerDefault-"]
[class^="iconVisibility-"][class*="typeThread-"]
> [class^="content-"]
> [class^="mainContent-"]
[class^="linkTop-"]
> [class^="name-"] {
margin-left: 20px;
}
@ -203,9 +201,32 @@ div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
display: none;
}
div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
> nav[class^="container-"]
> [class^="container-"][class*="bottom-"]
> [class^="containerPadding-"]
> [class^="bar-"] {
width: 32px !important;
}
div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
> nav[class^="container-"]
> [class^="container-"][class*="bottom-"]
> [class^="containerPadding-"]
> [class^="bar-"]
> svg {
display: none;
}
div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
[class*="unreadBar-"]
> span {
> span,
div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
> nav[class^="container-"]
> [class^="container-"][class*="bottom-"]
> [class^="containerPadding-"]
> [class^="bar-"]
> [class*="barText-"] {
overflow: hidden;
white-space: nowrap;
text-overflow: clip;