mirror of
https://gitlab.com/Cynosphere/xmc.git
synced 2024-08-14 22:57:03 +00:00
Make Modular
This commit is contained in:
parent
78f6f5d335
commit
326d549dde
15 changed files with 1017 additions and 78 deletions
|
@ -9,5 +9,7 @@ em {
|
||||||
span[data-slate-leaf="true"][class*="bold-"],
|
span[data-slate-leaf="true"][class*="bold-"],
|
||||||
strong {
|
strong {
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
text-shadow: 0.1px 0.1px, -0.1px -0.1px;
|
text-shadow:
|
||||||
|
0.1px 0.1px,
|
||||||
|
-0.1px -0.1px;
|
||||||
}
|
}
|
||||||
|
|
|
@ -186,7 +186,8 @@
|
||||||
|
|
||||||
[class*="modal-"][class*="root-"] {
|
[class*="modal-"][class*="root-"] {
|
||||||
background-color: var(--background-primary);
|
background-color: var(--background-primary);
|
||||||
box-shadow: var(--deprecated-card-bg) 0px 0px 0px 1px,
|
box-shadow:
|
||||||
|
var(--deprecated-card-bg) 0px 0px 0px 1px,
|
||||||
rgba(0, 0, 0, 0.2) 0px 2px 10px 0px;
|
rgba(0, 0, 0, 0.2) 0px 2px 10px 0px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -131,17 +131,16 @@ div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
|
||||||
div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
|
div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
|
||||||
[class^="containerDefault-"][class*="selected-"]
|
[class^="containerDefault-"][class*="selected-"]
|
||||||
[class^="iconVisibility-"]
|
[class^="iconVisibility-"]
|
||||||
> [class^="content-"]
|
[class^="linkTop-"]
|
||||||
> [class^="children-"],
|
> [class^="children-"],
|
||||||
div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
|
div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
|
||||||
[class^="containerDefault-"]
|
[class^="containerDefault-"]
|
||||||
[class^="iconVisibility-"][class*="modeSelected-"]
|
[class^="iconVisibility-"][class*="modeSelected-"]
|
||||||
> [class^="content-"]
|
[class^="linkTop-"]
|
||||||
> [class^="children-"],
|
> [class^="children-"],
|
||||||
div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
|
div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
|
||||||
[class^="iconVisibility-"]:not([class*="typeThread-"])
|
[class^="iconVisibility-"]:not([class*="typeThread-"])
|
||||||
> [class^="content-"]
|
[class^="linkTop-"]
|
||||||
> [class^="mainContent-"]
|
|
||||||
> [class^="name-"],
|
> [class^="name-"],
|
||||||
div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
|
div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
|
||||||
[class^="containerDefault-"]
|
[class^="containerDefault-"]
|
||||||
|
@ -149,12 +148,12 @@ div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
|
||||||
div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
|
div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
|
||||||
[class^="containerDefault-"]
|
[class^="containerDefault-"]
|
||||||
[class^="voiceUser-"]
|
[class^="voiceUser-"]
|
||||||
> [class^="content-"]
|
[class^="linkTop-"]
|
||||||
> [class^="icons-"],
|
> [class^="icons-"],
|
||||||
div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
|
div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
|
||||||
[class^="containerDefault-"]
|
[class^="containerDefault-"]
|
||||||
[class^="voiceUser-"]
|
[class^="voiceUser-"]
|
||||||
> [class^="content-"]
|
[class^="linkTop-"]
|
||||||
> [class*="username-"] {
|
> [class*="username-"] {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
@ -162,8 +161,7 @@ div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
|
||||||
div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
|
div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
|
||||||
[class^="containerDefault-"]
|
[class^="containerDefault-"]
|
||||||
[class^="iconVisibility-"][class*="typeThread-"]
|
[class^="iconVisibility-"][class*="typeThread-"]
|
||||||
> [class^="content-"]
|
[class^="linkTop-"]
|
||||||
> [class^="mainContent-"]
|
|
||||||
> [class^="name-"] {
|
> [class^="name-"] {
|
||||||
margin-left: 20px;
|
margin-left: 20px;
|
||||||
}
|
}
|
||||||
|
@ -197,9 +195,32 @@ div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
|
||||||
display: none;
|
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)
|
div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
|
||||||
[class*="unreadBar-"]
|
[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;
|
overflow: hidden;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
text-overflow: clip;
|
text-overflow: clip;
|
||||||
|
|
|
@ -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^="containerDefault-"][class*="selected-"]
|
||||||
[class^="iconVisibility-"]
|
[class^="iconVisibility-"]
|
||||||
> [class^="content-"]
|
[class^="linkTop-"]
|
||||||
> [class^="children-"],
|
> [class^="children-"],
|
||||||
div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
|
div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
|
||||||
[class^="containerDefault-"]
|
[class^="containerDefault-"]
|
||||||
[class^="iconVisibility-"][class*="modeSelected-"]
|
[class^="iconVisibility-"][class*="modeSelected-"]
|
||||||
> [class^="content-"]
|
[class^="linkTop-"]
|
||||||
> [class^="children-"],
|
> [class^="children-"],
|
||||||
div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
|
div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
|
||||||
[class^="iconVisibility-"]:not([class*="typeThread-"])
|
[class^="iconVisibility-"]:not([class*="typeThread-"])
|
||||||
> [class^="content-"]
|
[class^="linkTop-"]
|
||||||
> [class^="mainContent-"]
|
|
||||||
> [class^="name-"],
|
> [class^="name-"],
|
||||||
div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
|
div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
|
||||||
[class^="containerDefault-"]
|
[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^="containerDefault-"]
|
||||||
[class^="voiceUser-"]
|
[class^="voiceUser-"]
|
||||||
> [class^="content-"]
|
[class^="linkTop-"]
|
||||||
> [class^="icons-"],
|
> [class^="icons-"],
|
||||||
div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
|
div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
|
||||||
[class^="containerDefault-"]
|
[class^="containerDefault-"]
|
||||||
[class^="voiceUser-"]
|
[class^="voiceUser-"]
|
||||||
> [class^="content-"]
|
[class^="linkTop-"]
|
||||||
> [class*="username-"] {
|
> [class*="username-"] {
|
||||||
display: none;
|
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^="containerDefault-"]
|
||||||
[class^="iconVisibility-"][class*="typeThread-"]
|
[class^="iconVisibility-"][class*="typeThread-"]
|
||||||
> [class^="content-"]
|
[class^="linkTop-"]
|
||||||
> [class^="mainContent-"]
|
|
||||||
> [class^="name-"] {
|
> [class^="name-"] {
|
||||||
margin-left: 20px;
|
margin-left: 20px;
|
||||||
}
|
}
|
||||||
|
@ -197,9 +195,32 @@
|
||||||
display: none;
|
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)
|
div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
|
||||||
[class*="unreadBar-"]
|
[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;
|
overflow: hidden;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
text-overflow: clip;
|
text-overflow: clip;
|
||||||
|
|
|
@ -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^="containerDefault-"][class*="selected-"]
|
||||||
[class^="iconVisibility-"]
|
[class^="iconVisibility-"]
|
||||||
> [class^="content-"]
|
[class^="linkTop-"]
|
||||||
> [class^="children-"],
|
> [class^="children-"],
|
||||||
div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
|
div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
|
||||||
[class^="containerDefault-"]
|
[class^="containerDefault-"]
|
||||||
[class^="iconVisibility-"][class*="modeSelected-"]
|
[class^="iconVisibility-"][class*="modeSelected-"]
|
||||||
> [class^="content-"]
|
[class^="linkTop-"]
|
||||||
> [class^="children-"],
|
> [class^="children-"],
|
||||||
div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
|
div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
|
||||||
[class^="iconVisibility-"]:not([class*="typeThread-"])
|
[class^="iconVisibility-"]:not([class*="typeThread-"])
|
||||||
> [class^="content-"]
|
[class^="linkTop-"]
|
||||||
> [class^="mainContent-"]
|
|
||||||
> [class^="name-"],
|
> [class^="name-"],
|
||||||
div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
|
div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
|
||||||
[class^="containerDefault-"]
|
[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^="containerDefault-"]
|
||||||
[class^="voiceUser-"]
|
[class^="voiceUser-"]
|
||||||
> [class^="content-"]
|
[class^="linkTop-"]
|
||||||
> [class^="icons-"],
|
> [class^="icons-"],
|
||||||
div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
|
div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
|
||||||
[class^="containerDefault-"]
|
[class^="containerDefault-"]
|
||||||
[class^="voiceUser-"]
|
[class^="voiceUser-"]
|
||||||
> [class^="content-"]
|
[class^="linkTop-"]
|
||||||
> [class*="username-"] {
|
> [class*="username-"] {
|
||||||
display: none;
|
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^="containerDefault-"]
|
||||||
[class^="iconVisibility-"][class*="typeThread-"]
|
[class^="iconVisibility-"][class*="typeThread-"]
|
||||||
> [class^="content-"]
|
[class^="linkTop-"]
|
||||||
> [class^="mainContent-"]
|
|
||||||
> [class^="name-"] {
|
> [class^="name-"] {
|
||||||
margin-left: 20px;
|
margin-left: 20px;
|
||||||
}
|
}
|
||||||
|
@ -197,9 +195,32 @@
|
||||||
display: none;
|
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)
|
div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
|
||||||
[class*="unreadBar-"]
|
[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;
|
overflow: hidden;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
text-overflow: clip;
|
text-overflow: clip;
|
||||||
|
|
|
@ -137,17 +137,16 @@ div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
|
||||||
div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
|
div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
|
||||||
[class^="containerDefault-"][class*="selected-"]
|
[class^="containerDefault-"][class*="selected-"]
|
||||||
[class^="iconVisibility-"]
|
[class^="iconVisibility-"]
|
||||||
> [class^="content-"]
|
[class^="linkTop-"]
|
||||||
> [class^="children-"],
|
> [class^="children-"],
|
||||||
div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
|
div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
|
||||||
[class^="containerDefault-"]
|
[class^="containerDefault-"]
|
||||||
[class^="iconVisibility-"][class*="modeSelected-"]
|
[class^="iconVisibility-"][class*="modeSelected-"]
|
||||||
> [class^="content-"]
|
[class^="linkTop-"]
|
||||||
> [class^="children-"],
|
> [class^="children-"],
|
||||||
div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
|
div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
|
||||||
[class^="iconVisibility-"]:not([class*="typeThread-"])
|
[class^="iconVisibility-"]:not([class*="typeThread-"])
|
||||||
> [class^="content-"]
|
[class^="linkTop-"]
|
||||||
> [class^="mainContent-"]
|
|
||||||
> [class^="name-"],
|
> [class^="name-"],
|
||||||
div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
|
div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
|
||||||
[class^="containerDefault-"]
|
[class^="containerDefault-"]
|
||||||
|
@ -155,12 +154,12 @@ div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
|
||||||
div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
|
div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
|
||||||
[class^="containerDefault-"]
|
[class^="containerDefault-"]
|
||||||
[class^="voiceUser-"]
|
[class^="voiceUser-"]
|
||||||
> [class^="content-"]
|
[class^="linkTop-"]
|
||||||
> [class^="icons-"],
|
> [class^="icons-"],
|
||||||
div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
|
div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
|
||||||
[class^="containerDefault-"]
|
[class^="containerDefault-"]
|
||||||
[class^="voiceUser-"]
|
[class^="voiceUser-"]
|
||||||
> [class^="content-"]
|
[class^="linkTop-"]
|
||||||
> [class*="username-"] {
|
> [class*="username-"] {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
@ -168,8 +167,7 @@ div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
|
||||||
div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
|
div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
|
||||||
[class^="containerDefault-"]
|
[class^="containerDefault-"]
|
||||||
[class^="iconVisibility-"][class*="typeThread-"]
|
[class^="iconVisibility-"][class*="typeThread-"]
|
||||||
> [class^="content-"]
|
[class^="linkTop-"]
|
||||||
> [class^="mainContent-"]
|
|
||||||
> [class^="name-"] {
|
> [class^="name-"] {
|
||||||
margin-left: 20px;
|
margin-left: 20px;
|
||||||
}
|
}
|
||||||
|
@ -203,9 +201,32 @@ div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
|
||||||
display: none;
|
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)
|
div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
|
||||||
[class*="unreadBar-"]
|
[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;
|
overflow: hidden;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
text-overflow: clip;
|
text-overflow: clip;
|
||||||
|
|
|
@ -347,8 +347,8 @@ button.hh2-spotify-controls-button {
|
||||||
[class^="sidebar-"] ul[class^="content-"] > [class^="sectionDivider-"] {
|
[class^="sidebar-"] ul[class^="content-"] > [class^="sectionDivider-"] {
|
||||||
margin-top: 6px;
|
margin-top: 6px;
|
||||||
}
|
}
|
||||||
[class^="sidebar-"] [class^="iconVisibility-"] > [class^="content-"] {
|
[class^="sidebar-"] [class^="containerDefault-"] [class^="link-"] {
|
||||||
padding: 0 4px;
|
padding: 4px;
|
||||||
}
|
}
|
||||||
[class^="sidebar-"]
|
[class^="sidebar-"]
|
||||||
[class^="iconVisibility-"]
|
[class^="iconVisibility-"]
|
||||||
|
@ -384,6 +384,9 @@ button.hh2-spotify-controls-button {
|
||||||
margin-left: 4px;
|
margin-left: 4px;
|
||||||
margin-right: 4px;
|
margin-right: 4px;
|
||||||
}
|
}
|
||||||
|
[class^="sidebar-"] [class^="containerDefault-"] [class^="spine-"] {
|
||||||
|
top: 2px;
|
||||||
|
}
|
||||||
div[class^="sidebar-"]:not(:has(> [class^="side-"]))
|
div[class^="sidebar-"]:not(:has(> [class^="side-"]))
|
||||||
> nav[class^="container-"]
|
> nav[class^="container-"]
|
||||||
> [class^="container-"][class*="clickable-"]
|
> [class^="container-"][class*="clickable-"]
|
||||||
|
@ -430,25 +433,382 @@ div[class^="sidebar-"]:not(:has(> [class^="side-"]))
|
||||||
[class^="sidebar-"] header[class^="header-"] {
|
[class^="sidebar-"] header[class^="header-"] {
|
||||||
padding: 4px 8px;
|
padding: 4px 8px;
|
||||||
}
|
}
|
||||||
[class^="chat-"] > [class^="title-"] {
|
[class^="chat-"] > [class^="title-"],
|
||||||
|
[class^="chat-"] > section[class*="container-"],
|
||||||
|
[class^="base-"]
|
||||||
|
> [class^="content-"]
|
||||||
|
> [class^="container-"]
|
||||||
|
> section[class*="container-"],
|
||||||
|
[class^="base-"]
|
||||||
|
> [class^="content-"]
|
||||||
|
> [class^="applicationStore-"]
|
||||||
|
section[class*="container-"] {
|
||||||
|
height: 32px;
|
||||||
|
min-height: 32px;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
[class^="chat-"] > [class^="title-"][class^="libraryHeader-"]:before,
|
||||||
|
[class^="chat-"] > section[class*="container-"][class^="libraryHeader-"]:before,
|
||||||
|
[class^="base-"]
|
||||||
|
> [class^="content-"]
|
||||||
|
> [class^="container-"]
|
||||||
|
> section[class*="container-"][class^="libraryHeader-"]:before,
|
||||||
|
[class^="base-"]
|
||||||
|
> [class^="content-"]
|
||||||
|
> [class^="applicationStore-"]
|
||||||
|
section[class*="container-"][class^="libraryHeader-"]:before {
|
||||||
|
top: 31px;
|
||||||
|
}
|
||||||
|
[class^="chat-"] > [class^="title-"] > [class^="upperContainer-"],
|
||||||
|
[class^="chat-"] > section[class*="container-"] > [class^="upperContainer-"],
|
||||||
|
[class^="base-"]
|
||||||
|
> [class^="content-"]
|
||||||
|
> [class^="container-"]
|
||||||
|
> section[class*="container-"]
|
||||||
|
> [class^="upperContainer-"],
|
||||||
|
[class^="base-"]
|
||||||
|
> [class^="content-"]
|
||||||
|
> [class^="applicationStore-"]
|
||||||
|
section[class*="container-"]
|
||||||
|
> [class^="upperContainer-"] {
|
||||||
height: 32px;
|
height: 32px;
|
||||||
}
|
}
|
||||||
[class^="chat-"]
|
[class^="chat-"]
|
||||||
> [class^="title-"]
|
> [class^="title-"]
|
||||||
[class^="toolbar-"]
|
> [class^="upperContainer-"]
|
||||||
|
> [class^="toolbar-"],
|
||||||
|
[class^="chat-"]
|
||||||
|
> section[class*="container-"]
|
||||||
|
> [class^="upperContainer-"]
|
||||||
|
> [class^="toolbar-"],
|
||||||
|
[class^="base-"]
|
||||||
|
> [class^="content-"]
|
||||||
|
> [class^="container-"]
|
||||||
|
> section[class*="container-"]
|
||||||
|
> [class^="upperContainer-"]
|
||||||
|
> [class^="toolbar-"],
|
||||||
|
[class^="base-"]
|
||||||
|
> [class^="content-"]
|
||||||
|
> [class^="applicationStore-"]
|
||||||
|
section[class*="container-"]
|
||||||
|
> [class^="upperContainer-"]
|
||||||
|
> [class^="toolbar-"] {
|
||||||
|
display: grid;
|
||||||
|
grid-auto-flow: column;
|
||||||
|
grid-gap: 4px;
|
||||||
|
margin-right: 4px;
|
||||||
|
}
|
||||||
|
[class^="chat-"]
|
||||||
|
> [class^="title-"]
|
||||||
|
> [class^="upperContainer-"]
|
||||||
|
> [class^="toolbar-"]
|
||||||
|
> [class^="inviteToolbar-"],
|
||||||
|
[class^="chat-"]
|
||||||
|
> section[class*="container-"]
|
||||||
|
> [class^="upperContainer-"]
|
||||||
|
> [class^="toolbar-"]
|
||||||
|
> [class^="inviteToolbar-"],
|
||||||
|
[class^="base-"]
|
||||||
|
> [class^="content-"]
|
||||||
|
> [class^="container-"]
|
||||||
|
> section[class*="container-"]
|
||||||
|
> [class^="upperContainer-"]
|
||||||
|
> [class^="toolbar-"]
|
||||||
|
> [class^="inviteToolbar-"],
|
||||||
|
[class^="base-"]
|
||||||
|
> [class^="content-"]
|
||||||
|
> [class^="applicationStore-"]
|
||||||
|
section[class*="container-"]
|
||||||
|
> [class^="upperContainer-"]
|
||||||
|
> [class^="toolbar-"]
|
||||||
|
> [class^="inviteToolbar-"] {
|
||||||
|
display: grid;
|
||||||
|
grid-auto-flow: column;
|
||||||
|
grid-gap: 4px;
|
||||||
|
}
|
||||||
|
[class^="chat-"]
|
||||||
|
> [class^="title-"]
|
||||||
|
> [class^="upperContainer-"]
|
||||||
|
> [class^="toolbar-"]
|
||||||
|
> [class^="search-"]
|
||||||
|
[class^="searchBar-"],
|
||||||
|
[class^="chat-"]
|
||||||
|
> section[class*="container-"]
|
||||||
|
> [class^="upperContainer-"]
|
||||||
|
> [class^="toolbar-"]
|
||||||
|
> [class^="search-"]
|
||||||
|
[class^="searchBar-"],
|
||||||
|
[class^="base-"]
|
||||||
|
> [class^="content-"]
|
||||||
|
> [class^="container-"]
|
||||||
|
> section[class*="container-"]
|
||||||
|
> [class^="upperContainer-"]
|
||||||
|
> [class^="toolbar-"]
|
||||||
|
> [class^="search-"]
|
||||||
|
[class^="searchBar-"],
|
||||||
|
[class^="base-"]
|
||||||
|
> [class^="content-"]
|
||||||
|
> [class^="applicationStore-"]
|
||||||
|
section[class*="container-"]
|
||||||
|
> [class^="upperContainer-"]
|
||||||
|
> [class^="toolbar-"]
|
||||||
> [class^="search-"]
|
> [class^="search-"]
|
||||||
[class^="searchBar-"] {
|
[class^="searchBar-"] {
|
||||||
height: 24px !important;
|
height: 24px !important;
|
||||||
}
|
}
|
||||||
[class^="chat-"]
|
[class^="chat-"]
|
||||||
> [class^="title-"]
|
> [class^="title-"]
|
||||||
[class^="toolbar-"]
|
> [class^="upperContainer-"]
|
||||||
|
> [class^="toolbar-"]
|
||||||
> [class^="search-"]
|
> [class^="search-"]
|
||||||
[class^="searchBar-"]
|
[class^="searchBar-"]
|
||||||
> .DraftEditor-root,
|
> .DraftEditor-root
|
||||||
|
[class^="chat-"]
|
||||||
|
> [class^="title-"]
|
||||||
|
> [class^="upperContainer-"]
|
||||||
|
> [class^="toolbar-"]
|
||||||
|
> [class^="search-"]
|
||||||
|
[class^="searchBar-"]
|
||||||
|
> [class^="icon-"],
|
||||||
[class^="chat-"]
|
[class^="chat-"]
|
||||||
> [class^="title-"]
|
> [class^="title-"]
|
||||||
[class^="toolbar-"]
|
> [class^="upperContainer-"]
|
||||||
|
> [class^="toolbar-"]
|
||||||
|
> [class^="search-"]
|
||||||
|
[class^="searchBar-"]
|
||||||
|
> .DraftEditor-root
|
||||||
|
[class^="chat-"]
|
||||||
|
> section[class*="container-"]
|
||||||
|
> [class^="upperContainer-"]
|
||||||
|
> [class^="toolbar-"]
|
||||||
|
> [class^="search-"]
|
||||||
|
[class^="searchBar-"]
|
||||||
|
> [class^="icon-"],
|
||||||
|
[class^="chat-"]
|
||||||
|
> [class^="title-"]
|
||||||
|
> [class^="upperContainer-"]
|
||||||
|
> [class^="toolbar-"]
|
||||||
|
> [class^="search-"]
|
||||||
|
[class^="searchBar-"]
|
||||||
|
> .DraftEditor-root
|
||||||
|
[class^="base-"]
|
||||||
|
> [class^="content-"]
|
||||||
|
> [class^="container-"]
|
||||||
|
> section[class*="container-"]
|
||||||
|
> [class^="upperContainer-"]
|
||||||
|
> [class^="toolbar-"]
|
||||||
|
> [class^="search-"]
|
||||||
|
[class^="searchBar-"]
|
||||||
|
> [class^="icon-"],
|
||||||
|
[class^="chat-"]
|
||||||
|
> [class^="title-"]
|
||||||
|
> [class^="upperContainer-"]
|
||||||
|
> [class^="toolbar-"]
|
||||||
|
> [class^="search-"]
|
||||||
|
[class^="searchBar-"]
|
||||||
|
> .DraftEditor-root
|
||||||
|
[class^="base-"]
|
||||||
|
> [class^="content-"]
|
||||||
|
> [class^="applicationStore-"]
|
||||||
|
section[class*="container-"]
|
||||||
|
> [class^="upperContainer-"]
|
||||||
|
> [class^="toolbar-"]
|
||||||
|
> [class^="search-"]
|
||||||
|
[class^="searchBar-"]
|
||||||
|
> [class^="icon-"],
|
||||||
|
[class^="chat-"]
|
||||||
|
> section[class*="container-"]
|
||||||
|
> [class^="upperContainer-"]
|
||||||
|
> [class^="toolbar-"]
|
||||||
|
> [class^="search-"]
|
||||||
|
[class^="searchBar-"]
|
||||||
|
> .DraftEditor-root
|
||||||
|
[class^="chat-"]
|
||||||
|
> [class^="title-"]
|
||||||
|
> [class^="upperContainer-"]
|
||||||
|
> [class^="toolbar-"]
|
||||||
|
> [class^="search-"]
|
||||||
|
[class^="searchBar-"]
|
||||||
|
> [class^="icon-"],
|
||||||
|
[class^="chat-"]
|
||||||
|
> section[class*="container-"]
|
||||||
|
> [class^="upperContainer-"]
|
||||||
|
> [class^="toolbar-"]
|
||||||
|
> [class^="search-"]
|
||||||
|
[class^="searchBar-"]
|
||||||
|
> .DraftEditor-root
|
||||||
|
[class^="chat-"]
|
||||||
|
> section[class*="container-"]
|
||||||
|
> [class^="upperContainer-"]
|
||||||
|
> [class^="toolbar-"]
|
||||||
|
> [class^="search-"]
|
||||||
|
[class^="searchBar-"]
|
||||||
|
> [class^="icon-"],
|
||||||
|
[class^="chat-"]
|
||||||
|
> section[class*="container-"]
|
||||||
|
> [class^="upperContainer-"]
|
||||||
|
> [class^="toolbar-"]
|
||||||
|
> [class^="search-"]
|
||||||
|
[class^="searchBar-"]
|
||||||
|
> .DraftEditor-root
|
||||||
|
[class^="base-"]
|
||||||
|
> [class^="content-"]
|
||||||
|
> [class^="container-"]
|
||||||
|
> section[class*="container-"]
|
||||||
|
> [class^="upperContainer-"]
|
||||||
|
> [class^="toolbar-"]
|
||||||
|
> [class^="search-"]
|
||||||
|
[class^="searchBar-"]
|
||||||
|
> [class^="icon-"],
|
||||||
|
[class^="chat-"]
|
||||||
|
> section[class*="container-"]
|
||||||
|
> [class^="upperContainer-"]
|
||||||
|
> [class^="toolbar-"]
|
||||||
|
> [class^="search-"]
|
||||||
|
[class^="searchBar-"]
|
||||||
|
> .DraftEditor-root
|
||||||
|
[class^="base-"]
|
||||||
|
> [class^="content-"]
|
||||||
|
> [class^="applicationStore-"]
|
||||||
|
section[class*="container-"]
|
||||||
|
> [class^="upperContainer-"]
|
||||||
|
> [class^="toolbar-"]
|
||||||
|
> [class^="search-"]
|
||||||
|
[class^="searchBar-"]
|
||||||
|
> [class^="icon-"],
|
||||||
|
[class^="base-"]
|
||||||
|
> [class^="content-"]
|
||||||
|
> [class^="container-"]
|
||||||
|
> section[class*="container-"]
|
||||||
|
> [class^="upperContainer-"]
|
||||||
|
> [class^="toolbar-"]
|
||||||
|
> [class^="search-"]
|
||||||
|
[class^="searchBar-"]
|
||||||
|
> .DraftEditor-root
|
||||||
|
[class^="chat-"]
|
||||||
|
> [class^="title-"]
|
||||||
|
> [class^="upperContainer-"]
|
||||||
|
> [class^="toolbar-"]
|
||||||
|
> [class^="search-"]
|
||||||
|
[class^="searchBar-"]
|
||||||
|
> [class^="icon-"],
|
||||||
|
[class^="base-"]
|
||||||
|
> [class^="content-"]
|
||||||
|
> [class^="container-"]
|
||||||
|
> section[class*="container-"]
|
||||||
|
> [class^="upperContainer-"]
|
||||||
|
> [class^="toolbar-"]
|
||||||
|
> [class^="search-"]
|
||||||
|
[class^="searchBar-"]
|
||||||
|
> .DraftEditor-root
|
||||||
|
[class^="chat-"]
|
||||||
|
> section[class*="container-"]
|
||||||
|
> [class^="upperContainer-"]
|
||||||
|
> [class^="toolbar-"]
|
||||||
|
> [class^="search-"]
|
||||||
|
[class^="searchBar-"]
|
||||||
|
> [class^="icon-"],
|
||||||
|
[class^="base-"]
|
||||||
|
> [class^="content-"]
|
||||||
|
> [class^="container-"]
|
||||||
|
> section[class*="container-"]
|
||||||
|
> [class^="upperContainer-"]
|
||||||
|
> [class^="toolbar-"]
|
||||||
|
> [class^="search-"]
|
||||||
|
[class^="searchBar-"]
|
||||||
|
> .DraftEditor-root
|
||||||
|
[class^="base-"]
|
||||||
|
> [class^="content-"]
|
||||||
|
> [class^="container-"]
|
||||||
|
> section[class*="container-"]
|
||||||
|
> [class^="upperContainer-"]
|
||||||
|
> [class^="toolbar-"]
|
||||||
|
> [class^="search-"]
|
||||||
|
[class^="searchBar-"]
|
||||||
|
> [class^="icon-"],
|
||||||
|
[class^="base-"]
|
||||||
|
> [class^="content-"]
|
||||||
|
> [class^="container-"]
|
||||||
|
> section[class*="container-"]
|
||||||
|
> [class^="upperContainer-"]
|
||||||
|
> [class^="toolbar-"]
|
||||||
|
> [class^="search-"]
|
||||||
|
[class^="searchBar-"]
|
||||||
|
> .DraftEditor-root
|
||||||
|
[class^="base-"]
|
||||||
|
> [class^="content-"]
|
||||||
|
> [class^="applicationStore-"]
|
||||||
|
section[class*="container-"]
|
||||||
|
> [class^="upperContainer-"]
|
||||||
|
> [class^="toolbar-"]
|
||||||
|
> [class^="search-"]
|
||||||
|
[class^="searchBar-"]
|
||||||
|
> [class^="icon-"],
|
||||||
|
[class^="base-"]
|
||||||
|
> [class^="content-"]
|
||||||
|
> [class^="applicationStore-"]
|
||||||
|
section[class*="container-"]
|
||||||
|
> [class^="upperContainer-"]
|
||||||
|
> [class^="toolbar-"]
|
||||||
|
> [class^="search-"]
|
||||||
|
[class^="searchBar-"]
|
||||||
|
> .DraftEditor-root
|
||||||
|
[class^="chat-"]
|
||||||
|
> [class^="title-"]
|
||||||
|
> [class^="upperContainer-"]
|
||||||
|
> [class^="toolbar-"]
|
||||||
|
> [class^="search-"]
|
||||||
|
[class^="searchBar-"]
|
||||||
|
> [class^="icon-"],
|
||||||
|
[class^="base-"]
|
||||||
|
> [class^="content-"]
|
||||||
|
> [class^="applicationStore-"]
|
||||||
|
section[class*="container-"]
|
||||||
|
> [class^="upperContainer-"]
|
||||||
|
> [class^="toolbar-"]
|
||||||
|
> [class^="search-"]
|
||||||
|
[class^="searchBar-"]
|
||||||
|
> .DraftEditor-root
|
||||||
|
[class^="chat-"]
|
||||||
|
> section[class*="container-"]
|
||||||
|
> [class^="upperContainer-"]
|
||||||
|
> [class^="toolbar-"]
|
||||||
|
> [class^="search-"]
|
||||||
|
[class^="searchBar-"]
|
||||||
|
> [class^="icon-"],
|
||||||
|
[class^="base-"]
|
||||||
|
> [class^="content-"]
|
||||||
|
> [class^="applicationStore-"]
|
||||||
|
section[class*="container-"]
|
||||||
|
> [class^="upperContainer-"]
|
||||||
|
> [class^="toolbar-"]
|
||||||
|
> [class^="search-"]
|
||||||
|
[class^="searchBar-"]
|
||||||
|
> .DraftEditor-root
|
||||||
|
[class^="base-"]
|
||||||
|
> [class^="content-"]
|
||||||
|
> [class^="container-"]
|
||||||
|
> section[class*="container-"]
|
||||||
|
> [class^="upperContainer-"]
|
||||||
|
> [class^="toolbar-"]
|
||||||
|
> [class^="search-"]
|
||||||
|
[class^="searchBar-"]
|
||||||
|
> [class^="icon-"],
|
||||||
|
[class^="base-"]
|
||||||
|
> [class^="content-"]
|
||||||
|
> [class^="applicationStore-"]
|
||||||
|
section[class*="container-"]
|
||||||
|
> [class^="upperContainer-"]
|
||||||
|
> [class^="toolbar-"]
|
||||||
|
> [class^="search-"]
|
||||||
|
[class^="searchBar-"]
|
||||||
|
> .DraftEditor-root
|
||||||
|
[class^="base-"]
|
||||||
|
> [class^="content-"]
|
||||||
|
> [class^="applicationStore-"]
|
||||||
|
section[class*="container-"]
|
||||||
|
> [class^="upperContainer-"]
|
||||||
|
> [class^="toolbar-"]
|
||||||
> [class^="search-"]
|
> [class^="search-"]
|
||||||
[class^="searchBar-"]
|
[class^="searchBar-"]
|
||||||
> [class^="icon-"] {
|
> [class^="icon-"] {
|
||||||
|
@ -456,54 +816,234 @@ div[class^="sidebar-"]:not(:has(> [class^="side-"]))
|
||||||
}
|
}
|
||||||
[class^="chat-"]
|
[class^="chat-"]
|
||||||
> [class^="title-"]
|
> [class^="title-"]
|
||||||
[class^="toolbar-"]
|
> [class^="upperContainer-"]
|
||||||
|
> [class^="toolbar-"]
|
||||||
|
[class^="iconWrapper-"],
|
||||||
|
[class^="chat-"]
|
||||||
|
> section[class*="container-"]
|
||||||
|
> [class^="upperContainer-"]
|
||||||
|
> [class^="toolbar-"]
|
||||||
|
[class^="iconWrapper-"],
|
||||||
|
[class^="base-"]
|
||||||
|
> [class^="content-"]
|
||||||
|
> [class^="container-"]
|
||||||
|
> section[class*="container-"]
|
||||||
|
> [class^="upperContainer-"]
|
||||||
|
> [class^="toolbar-"]
|
||||||
|
[class^="iconWrapper-"],
|
||||||
|
[class^="base-"]
|
||||||
|
> [class^="content-"]
|
||||||
|
> [class^="applicationStore-"]
|
||||||
|
section[class*="container-"]
|
||||||
|
> [class^="upperContainer-"]
|
||||||
|
> [class^="toolbar-"]
|
||||||
[class^="iconWrapper-"] {
|
[class^="iconWrapper-"] {
|
||||||
width: 24px !important;
|
width: 24px !important;
|
||||||
height: 24px !important;
|
height: 24px !important;
|
||||||
|
margin: 0;
|
||||||
}
|
}
|
||||||
[class^="chat-"]
|
[class^="chat-"]
|
||||||
> [class^="title-"]
|
> [class^="title-"]
|
||||||
[class^="toolbar-"]
|
> [class^="upperContainer-"]
|
||||||
[class*="iconWrapper-"]
|
> [class^="toolbar-"]
|
||||||
|
[class^="iconWrapper-"]
|
||||||
|
> svg,
|
||||||
|
[class^="chat-"]
|
||||||
|
> section[class*="container-"]
|
||||||
|
> [class^="upperContainer-"]
|
||||||
|
> [class^="toolbar-"]
|
||||||
|
[class^="iconWrapper-"]
|
||||||
|
> svg,
|
||||||
|
[class^="base-"]
|
||||||
|
> [class^="content-"]
|
||||||
|
> [class^="container-"]
|
||||||
|
> section[class*="container-"]
|
||||||
|
> [class^="upperContainer-"]
|
||||||
|
> [class^="toolbar-"]
|
||||||
|
[class^="iconWrapper-"]
|
||||||
|
> svg,
|
||||||
|
[class^="base-"]
|
||||||
|
> [class^="content-"]
|
||||||
|
> [class^="applicationStore-"]
|
||||||
|
section[class*="container-"]
|
||||||
|
> [class^="upperContainer-"]
|
||||||
|
> [class^="toolbar-"]
|
||||||
|
[class^="iconWrapper-"]
|
||||||
> svg {
|
> svg {
|
||||||
margin: 0 !important;
|
margin: 0 !important;
|
||||||
padding: 1px;
|
padding: 1px;
|
||||||
}
|
}
|
||||||
[class^="chat-"] > [class^="title-"] [class^="toolbar-"] {
|
|
||||||
display: grid;
|
|
||||||
grid-auto-flow: column;
|
|
||||||
grid-gap: 4px;
|
|
||||||
}
|
|
||||||
[class^="chat-"]
|
[class^="chat-"]
|
||||||
> [class^="title-"]
|
> [class^="title-"]
|
||||||
[class^="toolbar-"]
|
> [class^="upperContainer-"]
|
||||||
|
> [class^="toolbar-"]
|
||||||
|
> [class^="icon-"]:has(> [class^="text-md-normal-"]),
|
||||||
|
[class^="chat-"]
|
||||||
|
> section[class*="container-"]
|
||||||
|
> [class^="upperContainer-"]
|
||||||
|
> [class^="toolbar-"]
|
||||||
|
> [class^="icon-"]:has(> [class^="text-md-normal-"]),
|
||||||
|
[class^="base-"]
|
||||||
|
> [class^="content-"]
|
||||||
|
> [class^="container-"]
|
||||||
|
> section[class*="container-"]
|
||||||
|
> [class^="upperContainer-"]
|
||||||
|
> [class^="toolbar-"]
|
||||||
|
> [class^="icon-"]:has(> [class^="text-md-normal-"]),
|
||||||
|
[class^="base-"]
|
||||||
|
> [class^="content-"]
|
||||||
|
> [class^="applicationStore-"]
|
||||||
|
section[class*="container-"]
|
||||||
|
> [class^="upperContainer-"]
|
||||||
|
> [class^="toolbar-"]
|
||||||
> [class^="icon-"]:has(> [class^="text-md-normal-"]) {
|
> [class^="icon-"]:has(> [class^="text-md-normal-"]) {
|
||||||
margin-left: 4px;
|
margin-left: 4px;
|
||||||
margin-right: 0;
|
margin-right: 0;
|
||||||
}
|
}
|
||||||
[class^="chat-"] > [class^="title-"] [class^="topic-"] {
|
[class^="chat-"]
|
||||||
|
> [class^="title-"]
|
||||||
|
> [class^="upperContainer-"]
|
||||||
|
[class^="topic-"],
|
||||||
|
[class^="chat-"]
|
||||||
|
> section[class*="container-"]
|
||||||
|
> [class^="upperContainer-"]
|
||||||
|
[class^="topic-"],
|
||||||
|
[class^="base-"]
|
||||||
|
> [class^="content-"]
|
||||||
|
> [class^="container-"]
|
||||||
|
> section[class*="container-"]
|
||||||
|
> [class^="upperContainer-"]
|
||||||
|
[class^="topic-"],
|
||||||
|
[class^="base-"]
|
||||||
|
> [class^="content-"]
|
||||||
|
> [class^="applicationStore-"]
|
||||||
|
section[class*="container-"]
|
||||||
|
> [class^="upperContainer-"]
|
||||||
|
[class^="topic-"] {
|
||||||
margin-left: 4px;
|
margin-left: 4px;
|
||||||
}
|
}
|
||||||
[class^="chat-"] > [class^="title-"] [class^="titleWrapper-"] {
|
[class^="chat-"]
|
||||||
|
> [class^="title-"]
|
||||||
|
> [class^="upperContainer-"]
|
||||||
|
[class^="titleWrapper-"],
|
||||||
|
[class^="chat-"]
|
||||||
|
> section[class*="container-"]
|
||||||
|
> [class^="upperContainer-"]
|
||||||
|
[class^="titleWrapper-"],
|
||||||
|
[class^="base-"]
|
||||||
|
> [class^="content-"]
|
||||||
|
> [class^="container-"]
|
||||||
|
> section[class*="container-"]
|
||||||
|
> [class^="upperContainer-"]
|
||||||
|
[class^="titleWrapper-"],
|
||||||
|
[class^="base-"]
|
||||||
|
> [class^="content-"]
|
||||||
|
> [class^="applicationStore-"]
|
||||||
|
section[class*="container-"]
|
||||||
|
> [class^="upperContainer-"]
|
||||||
|
[class^="titleWrapper-"] {
|
||||||
margin-right: 4px;
|
margin-right: 4px;
|
||||||
}
|
}
|
||||||
[class^="chat-"]
|
[class^="chat-"]
|
||||||
> [class^="title-"]
|
> [class^="title-"]
|
||||||
|
> [class^="upperContainer-"]
|
||||||
> [class^="children-"]
|
> [class^="children-"]
|
||||||
> [class^="iconWrapper-"],
|
> [class^="iconWrapper-"],
|
||||||
[class^="chat-"] > [class^="title-"] [class^="divider-"] {
|
[class^="chat-"]
|
||||||
|
> [class^="title-"]
|
||||||
|
> [class^="upperContainer-"]
|
||||||
|
[class^="divider-"],
|
||||||
|
[class^="chat-"]
|
||||||
|
> section[class*="container-"]
|
||||||
|
> [class^="upperContainer-"]
|
||||||
|
> [class^="children-"]
|
||||||
|
> [class^="iconWrapper-"],
|
||||||
|
[class^="chat-"]
|
||||||
|
> section[class*="container-"]
|
||||||
|
> [class^="upperContainer-"]
|
||||||
|
[class^="divider-"],
|
||||||
|
[class^="base-"]
|
||||||
|
> [class^="content-"]
|
||||||
|
> [class^="container-"]
|
||||||
|
> section[class*="container-"]
|
||||||
|
> [class^="upperContainer-"]
|
||||||
|
> [class^="children-"]
|
||||||
|
> [class^="iconWrapper-"],
|
||||||
|
[class^="base-"]
|
||||||
|
> [class^="content-"]
|
||||||
|
> [class^="container-"]
|
||||||
|
> section[class*="container-"]
|
||||||
|
> [class^="upperContainer-"]
|
||||||
|
[class^="divider-"],
|
||||||
|
[class^="base-"]
|
||||||
|
> [class^="content-"]
|
||||||
|
> [class^="applicationStore-"]
|
||||||
|
section[class*="container-"]
|
||||||
|
> [class^="upperContainer-"]
|
||||||
|
> [class^="children-"]
|
||||||
|
> [class^="iconWrapper-"],
|
||||||
|
[class^="base-"]
|
||||||
|
> [class^="content-"]
|
||||||
|
> [class^="applicationStore-"]
|
||||||
|
section[class*="container-"]
|
||||||
|
> [class^="upperContainer-"]
|
||||||
|
[class^="divider-"] {
|
||||||
margin: 0 4px;
|
margin: 0 4px;
|
||||||
}
|
}
|
||||||
[class^="chat-"]
|
[class^="chat-"]
|
||||||
> [class^="title-"]
|
> [class^="title-"]
|
||||||
|
> [class^="upperContainer-"]
|
||||||
|
> [class^="children-"]
|
||||||
|
> [class^="iconWrapper-"]
|
||||||
|
> svg,
|
||||||
|
[class^="chat-"]
|
||||||
|
> section[class*="container-"]
|
||||||
|
> [class^="upperContainer-"]
|
||||||
|
> [class^="children-"]
|
||||||
|
> [class^="iconWrapper-"]
|
||||||
|
> svg,
|
||||||
|
[class^="base-"]
|
||||||
|
> [class^="content-"]
|
||||||
|
> [class^="container-"]
|
||||||
|
> section[class*="container-"]
|
||||||
|
> [class^="upperContainer-"]
|
||||||
|
> [class^="children-"]
|
||||||
|
> [class^="iconWrapper-"]
|
||||||
|
> svg,
|
||||||
|
[class^="base-"]
|
||||||
|
> [class^="content-"]
|
||||||
|
> [class^="applicationStore-"]
|
||||||
|
section[class*="container-"]
|
||||||
|
> [class^="upperContainer-"]
|
||||||
> [class^="children-"]
|
> [class^="children-"]
|
||||||
> [class^="iconWrapper-"]
|
> [class^="iconWrapper-"]
|
||||||
> svg {
|
> svg {
|
||||||
padding: 2px;
|
padding: 2px;
|
||||||
}
|
}
|
||||||
|
[class*="iconWrapper-"]
|
||||||
[class^="chat-"] [class^="toolbar-"] [class*="iconWrapper-"],
|
[class^="chat-"]
|
||||||
[class^="chat-"] [class^="toolbar-"] > [class*="search-"] {
|
> [class^="title-"]
|
||||||
|
> [class^="upperContainer-"]
|
||||||
|
> [class*="search-"],
|
||||||
|
[class*="iconWrapper-"]
|
||||||
|
[class^="chat-"]
|
||||||
|
> section[class*="container-"]
|
||||||
|
> [class^="upperContainer-"]
|
||||||
|
> [class*="search-"],
|
||||||
|
[class*="iconWrapper-"]
|
||||||
|
[class^="base-"]
|
||||||
|
> [class^="content-"]
|
||||||
|
> [class^="container-"]
|
||||||
|
> section[class*="container-"]
|
||||||
|
> [class^="upperContainer-"]
|
||||||
|
> [class*="search-"],
|
||||||
|
[class*="iconWrapper-"]
|
||||||
|
[class^="base-"]
|
||||||
|
> [class^="content-"]
|
||||||
|
> [class^="applicationStore-"]
|
||||||
|
section[class*="container-"]
|
||||||
|
> [class^="upperContainer-"]
|
||||||
|
> [class*="search-"] {
|
||||||
margin: 0 !important;
|
margin: 0 !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -531,7 +1071,13 @@ div[class^="sidebar-"]:not(:has(> [class^="side-"]))
|
||||||
min-height: 40px !important;
|
min-height: 40px !important;
|
||||||
}
|
}
|
||||||
[class^="channelTextArea-"] [class^="buttons-"],
|
[class^="channelTextArea-"] [class^="buttons-"],
|
||||||
[class^="channelTextArea-"] [class^="attachWrapper-"] {
|
[class^="channelTextArea-"] [class^="attachWrapper-"],
|
||||||
|
[class^="chatContent-"]
|
||||||
|
> form
|
||||||
|
[class^="channelTextArea"]
|
||||||
|
> [class^="scrollableContainer-"]
|
||||||
|
> [class^="inner-"]
|
||||||
|
> [class^="textArea-"] {
|
||||||
height: 40px;
|
height: 40px;
|
||||||
}
|
}
|
||||||
[class^="channelTextArea-"] [class^="attachWrapper-"] {
|
[class^="channelTextArea-"] [class^="attachWrapper-"] {
|
||||||
|
|
|
@ -1,6 +1,7 @@
|
||||||
@font-face {
|
@font-face {
|
||||||
font-family: "Unifont";
|
font-family: "Unifont";
|
||||||
src: local("Unifont"),
|
src:
|
||||||
|
local("Unifont"),
|
||||||
url(https://cynosphere.gitlab.io/Customizations/discord/assets/unifont-14.0.01.ttf)
|
url(https://cynosphere.gitlab.io/Customizations/discord/assets/unifont-14.0.01.ttf)
|
||||||
format("truetype");
|
format("truetype");
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
|
@ -9,7 +10,8 @@
|
||||||
|
|
||||||
@font-face {
|
@font-face {
|
||||||
font-family: "Terminus (TTF)";
|
font-family: "Terminus (TTF)";
|
||||||
src: local("Terminus (TTF)"),
|
src:
|
||||||
|
local("Terminus (TTF)"),
|
||||||
url(https://cynosphere.gitlab.io/Customizations/discord/assets/TerminusTTF-4.47.0.ttf)
|
url(https://cynosphere.gitlab.io/Customizations/discord/assets/TerminusTTF-4.47.0.ttf)
|
||||||
format("truetype");
|
format("truetype");
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
|
@ -17,7 +19,8 @@
|
||||||
}
|
}
|
||||||
@font-face {
|
@font-face {
|
||||||
font-family: "Terminus (TTF)";
|
font-family: "Terminus (TTF)";
|
||||||
src: local("Terminus (TTF)"),
|
src:
|
||||||
|
local("Terminus (TTF)"),
|
||||||
url(https://cynosphere.gitlab.io/Customizations/discord/assets/TerminusTTF-Bold-4.47.0.ttf)
|
url(https://cynosphere.gitlab.io/Customizations/discord/assets/TerminusTTF-Bold-4.47.0.ttf)
|
||||||
format("truetype");
|
format("truetype");
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
|
@ -25,7 +28,8 @@
|
||||||
}
|
}
|
||||||
@font-face {
|
@font-face {
|
||||||
font-family: "Terminus (TTF)";
|
font-family: "Terminus (TTF)";
|
||||||
src: local("Terminus (TTF)"),
|
src:
|
||||||
|
local("Terminus (TTF)"),
|
||||||
url(https://cynosphere.gitlab.io/Customizations/discord/assets/TerminusTTF-Bold%20Italic-4.47.0.ttf)
|
url(https://cynosphere.gitlab.io/Customizations/discord/assets/TerminusTTF-Bold%20Italic-4.47.0.ttf)
|
||||||
format("truetype");
|
format("truetype");
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
|
@ -33,7 +37,8 @@
|
||||||
}
|
}
|
||||||
@font-face {
|
@font-face {
|
||||||
font-family: "Terminus (TTF)";
|
font-family: "Terminus (TTF)";
|
||||||
src: local("Terminus (TTF)"),
|
src:
|
||||||
|
local("Terminus (TTF)"),
|
||||||
url(https://cynosphere.gitlab.io/Customizations/discord/assets/TerminusTTF-Italic-4.47.0.ttf)
|
url(https://cynosphere.gitlab.io/Customizations/discord/assets/TerminusTTF-Italic-4.47.0.ttf)
|
||||||
format("truetype");
|
format("truetype");
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
|
|
|
@ -1,6 +1,7 @@
|
||||||
@font-face {
|
@font-face {
|
||||||
font-family: "Pointfree";
|
font-family: "Pointfree";
|
||||||
src: local("Pointfree"),
|
src:
|
||||||
|
local("Pointfree"),
|
||||||
url(https://cynosphere.gitlab.io/Customizations/discord/assets/pointfree.ttf)
|
url(https://cynosphere.gitlab.io/Customizations/discord/assets/pointfree.ttf)
|
||||||
format("truetype");
|
format("truetype");
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
|
@ -9,7 +10,8 @@
|
||||||
|
|
||||||
@font-face {
|
@font-face {
|
||||||
font-family: "Untyped";
|
font-family: "Untyped";
|
||||||
src: local("Untyped"),
|
src:
|
||||||
|
local("Untyped"),
|
||||||
url(https://cynosphere.gitlab.io/Customizations/discord/assets/untyped.ttf)
|
url(https://cynosphere.gitlab.io/Customizations/discord/assets/untyped.ttf)
|
||||||
format("truetype");
|
format("truetype");
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
|
|
|
@ -1,6 +1,7 @@
|
||||||
@font-face {
|
@font-face {
|
||||||
font-family: "Untyped";
|
font-family: "Untyped";
|
||||||
src: local("Untyped"),
|
src:
|
||||||
|
local("Untyped"),
|
||||||
url(https://cynosphere.gitlab.io/Customizations/discord/assets/untyped.ttf)
|
url(https://cynosphere.gitlab.io/Customizations/discord/assets/untyped.ttf)
|
||||||
format("truetype");
|
format("truetype");
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
|
@ -9,7 +10,8 @@
|
||||||
|
|
||||||
@font-face {
|
@font-face {
|
||||||
font-family: "Pointfree";
|
font-family: "Pointfree";
|
||||||
src: local("Pointfree"),
|
src:
|
||||||
|
local("Pointfree"),
|
||||||
url(https://cynosphere.gitlab.io/Customizations/discord/assets/pointfree.ttf)
|
url(https://cynosphere.gitlab.io/Customizations/discord/assets/pointfree.ttf)
|
||||||
format("truetype");
|
format("truetype");
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
|
|
|
@ -1,6 +1,7 @@
|
||||||
@font-face {
|
@font-face {
|
||||||
font-family: "Unifont";
|
font-family: "Unifont";
|
||||||
src: local("Unifont"),
|
src:
|
||||||
|
local("Unifont"),
|
||||||
url(https://cynosphere.gitlab.io/Customizations/discord/assets/unifont-14.0.01.ttf)
|
url(https://cynosphere.gitlab.io/Customizations/discord/assets/unifont-14.0.01.ttf)
|
||||||
format("truetype");
|
format("truetype");
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
|
@ -9,7 +10,8 @@
|
||||||
|
|
||||||
@font-face {
|
@font-face {
|
||||||
font-family: "Unifont";
|
font-family: "Unifont";
|
||||||
src: local("Unifont"),
|
src:
|
||||||
|
local("Unifont"),
|
||||||
url(https://cynosphere.gitlab.io/Customizations/discord/assets/unifont-14.0.01.ttf)
|
url(https://cynosphere.gitlab.io/Customizations/discord/assets/unifont-14.0.01.ttf)
|
||||||
format("truetype");
|
format("truetype");
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
|
@ -18,7 +20,8 @@
|
||||||
|
|
||||||
@font-face {
|
@font-face {
|
||||||
font-family: "Terminus (TTF)";
|
font-family: "Terminus (TTF)";
|
||||||
src: local("Terminus (TTF)"),
|
src:
|
||||||
|
local("Terminus (TTF)"),
|
||||||
url(https://cynosphere.gitlab.io/Customizations/discord/assets/TerminusTTF-4.47.0.ttf)
|
url(https://cynosphere.gitlab.io/Customizations/discord/assets/TerminusTTF-4.47.0.ttf)
|
||||||
format("truetype");
|
format("truetype");
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
|
@ -26,7 +29,8 @@
|
||||||
}
|
}
|
||||||
@font-face {
|
@font-face {
|
||||||
font-family: "Terminus (TTF)";
|
font-family: "Terminus (TTF)";
|
||||||
src: local("Terminus (TTF)"),
|
src:
|
||||||
|
local("Terminus (TTF)"),
|
||||||
url(https://cynosphere.gitlab.io/Customizations/discord/assets/TerminusTTF-Bold-4.47.0.ttf)
|
url(https://cynosphere.gitlab.io/Customizations/discord/assets/TerminusTTF-Bold-4.47.0.ttf)
|
||||||
format("truetype");
|
format("truetype");
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
|
@ -34,7 +38,8 @@
|
||||||
}
|
}
|
||||||
@font-face {
|
@font-face {
|
||||||
font-family: "Terminus (TTF)";
|
font-family: "Terminus (TTF)";
|
||||||
src: local("Terminus (TTF)"),
|
src:
|
||||||
|
local("Terminus (TTF)"),
|
||||||
url(https://cynosphere.gitlab.io/Customizations/discord/assets/TerminusTTF-Bold%20Italic-4.47.0.ttf)
|
url(https://cynosphere.gitlab.io/Customizations/discord/assets/TerminusTTF-Bold%20Italic-4.47.0.ttf)
|
||||||
format("truetype");
|
format("truetype");
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
|
@ -42,7 +47,8 @@
|
||||||
}
|
}
|
||||||
@font-face {
|
@font-face {
|
||||||
font-family: "Terminus (TTF)";
|
font-family: "Terminus (TTF)";
|
||||||
src: local("Terminus (TTF)"),
|
src:
|
||||||
|
local("Terminus (TTF)"),
|
||||||
url(https://cynosphere.gitlab.io/Customizations/discord/assets/TerminusTTF-Italic-4.47.0.ttf)
|
url(https://cynosphere.gitlab.io/Customizations/discord/assets/TerminusTTF-Italic-4.47.0.ttf)
|
||||||
format("truetype");
|
format("truetype");
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
|
|
|
@ -39,6 +39,8 @@
|
||||||
--status-dnd: var(--_color5);
|
--status-dnd: var(--_color5);
|
||||||
--status-offline: var(--highlight);
|
--status-offline: var(--highlight);
|
||||||
--status-streaming: var(--_color4);
|
--status-streaming: var(--_color4);
|
||||||
|
|
||||||
|
--status-warning-text: var(--primary) !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
#splash {
|
#splash {
|
||||||
|
|
|
@ -42,6 +42,8 @@
|
||||||
--status-offline: var(--highlight);
|
--status-offline: var(--highlight);
|
||||||
--status-streaming: var(--_color4);
|
--status-streaming: var(--_color4);
|
||||||
|
|
||||||
|
--status-warning-text: var(--primary) !important;
|
||||||
|
|
||||||
--titlebar-color: var(--accent);
|
--titlebar-color: var(--accent);
|
||||||
--wc-bright: #383838;
|
--wc-bright: #383838;
|
||||||
}
|
}
|
||||||
|
|
|
@ -415,7 +415,9 @@ div[class^="sidebar-"]:not(:has(> [class^="side-"]))
|
||||||
|
|
||||||
[class^="scroller-"]::-webkit-scrollbar-button:single-button:active,
|
[class^="scroller-"]::-webkit-scrollbar-button:single-button:active,
|
||||||
[class*="scrollerBase-"]::-webkit-scrollbar-button:single-button:active {
|
[class*="scrollerBase-"]::-webkit-scrollbar-button:single-button:active {
|
||||||
box-shadow: inset 1px 1px var(--secondary), inset -1px -1px var(--secondary);
|
box-shadow:
|
||||||
|
inset 1px 1px var(--secondary),
|
||||||
|
inset -1px -1px var(--secondary);
|
||||||
}
|
}
|
||||||
[class^="scroller-"]:not(
|
[class^="scroller-"]:not(
|
||||||
[class*="thin-"]
|
[class*="thin-"]
|
||||||
|
@ -498,3 +500,287 @@ div[class^="sidebar-"]:not(:has(> [class^="side-"]))
|
||||||
[class^="popout-"][role="listbox"] > [class^="option-"]:hover {
|
[class^="popout-"][role="listbox"] > [class^="option-"]:hover {
|
||||||
background-color: var(--accent);
|
background-color: var(--accent);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
[class^="userPopoutOuter-"] {
|
||||||
|
padding: 2px !important;
|
||||||
|
background: var(--primary) !important;
|
||||||
|
border-radius: 0 !important;
|
||||||
|
box-shadow: var(--wc-outer-edge);
|
||||||
|
}
|
||||||
|
[class^="userPopoutOuter-"] > [class^="userPopoutInner-"],
|
||||||
|
[class^="userPopoutOuter-"]
|
||||||
|
> [class^="userPopoutInner-"]
|
||||||
|
> [class^="userPopoutOverlayBackground-"] {
|
||||||
|
background: transparent;
|
||||||
|
}
|
||||||
|
[class^="userPopoutOuter-"] > [class^="userPopoutInner-"]:before {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
[class^="userPopoutOuter-"]
|
||||||
|
> [class^="userPopoutInner-"]
|
||||||
|
> [class*="avatarWrapper-"] {
|
||||||
|
top: 26px;
|
||||||
|
left: 8px;
|
||||||
|
}
|
||||||
|
[class^="userPopoutOuter-"]
|
||||||
|
> [class^="userPopoutInner-"]
|
||||||
|
> [class*="avatarWrapper-"]
|
||||||
|
> [class^="avatarHoverTarget-"]
|
||||||
|
> [class^="wrapper-"] {
|
||||||
|
width: 56px !important;
|
||||||
|
height: 56px !important;
|
||||||
|
}
|
||||||
|
[class^="userPopoutOuter-"]
|
||||||
|
> [class^="userPopoutInner-"]
|
||||||
|
> [class*="avatarWrapper-"]
|
||||||
|
[class*="avatarHint-"] {
|
||||||
|
width: 48px !important;
|
||||||
|
height: 48px !important;
|
||||||
|
}
|
||||||
|
[class^="userPopoutOuter-"]
|
||||||
|
> [class^="userPopoutInner-"]
|
||||||
|
> [class*="avatarWrapper-"]
|
||||||
|
> [class^="avatarHoverTarget-"]
|
||||||
|
> [class^="wrapper-"]
|
||||||
|
> svg {
|
||||||
|
width: 55px !important;
|
||||||
|
height: 55px !important;
|
||||||
|
}
|
||||||
|
[class^="userPopoutOuter-"][class*="userProfileOuterThemed-"]:after {
|
||||||
|
position: absolute;
|
||||||
|
top: 2px;
|
||||||
|
left: 2px;
|
||||||
|
content: "";
|
||||||
|
width: calc(100% - 4px);
|
||||||
|
height: 18px;
|
||||||
|
background: linear-gradient(
|
||||||
|
to right,
|
||||||
|
var(--profile-gradient-primary-color),
|
||||||
|
var(--profile-gradient-secondary-color)
|
||||||
|
);
|
||||||
|
}
|
||||||
|
[class^="userPopoutOuter-"][class*="userProfileOuterUnthemed-"]
|
||||||
|
> [class^="userPopoutInner-"]
|
||||||
|
[class^="banner-"] {
|
||||||
|
height: 18px !important;
|
||||||
|
}
|
||||||
|
[class^="userPopoutOuter-"][class*="userProfileOuterThemed-"]
|
||||||
|
> [class^="userPopoutInner-"][class*="userProfileInnerThemedWithBanner-"]
|
||||||
|
[class^="banner-"] {
|
||||||
|
margin-top: 19px;
|
||||||
|
border-radius: 0;
|
||||||
|
}
|
||||||
|
[class^="userPopoutOuter-"][class*="userProfileOuterThemed-"]
|
||||||
|
> [class^="userPopoutInner-"][class*="userProfileInnerThemedWithBanner-"]
|
||||||
|
[class^="banner-"]:after {
|
||||||
|
content: "";
|
||||||
|
background: linear-gradient(to bottom, transparent 32px, var(--primary) 64px);
|
||||||
|
width: 340px;
|
||||||
|
height: 120px;
|
||||||
|
position: absolute;
|
||||||
|
top: 19px;
|
||||||
|
left: 0;
|
||||||
|
}
|
||||||
|
[class^="userPopoutOuter-"][class*="userProfileOuterThemed-"]
|
||||||
|
> [class^="userPopoutInner-"][class*="userProfileInnerThemedPremiumWithoutBanner-"]
|
||||||
|
[class^="banner-"] {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
[class^="userPopoutOuter-"]
|
||||||
|
> [class^="userPopoutInner-"]
|
||||||
|
> [class^="userPopoutOverlayBackground-"] {
|
||||||
|
margin: 0 !important;
|
||||||
|
overflow: visible;
|
||||||
|
}
|
||||||
|
[class^="userPopoutOuter-"]
|
||||||
|
> [class^="userPopoutInner-"][class*="userProfileInnerThemedWithBanner-"]
|
||||||
|
> [class^="userPopoutOverlayBackground-"] {
|
||||||
|
margin-top: -72px !important;
|
||||||
|
}
|
||||||
|
[class^="userPopoutOuter-"]
|
||||||
|
> [class^="userPopoutInner-"][class*="userProfileInnerThemedPremiumWithoutBanner-"]
|
||||||
|
> [class^="userPopoutOverlayBackground-"] {
|
||||||
|
margin-top: -48px !important;
|
||||||
|
}
|
||||||
|
[class^="userPopoutOuter-"][class*="userProfileOuterUnthemed-"]
|
||||||
|
> [class^="userPopoutInner-"]
|
||||||
|
> [class^="userPopoutOverlayBackground-"] {
|
||||||
|
margin-top: -78px !important;
|
||||||
|
}
|
||||||
|
[class^="userPopoutOuter-"]
|
||||||
|
> [class^="userPopoutInner-"][class*="userProfileInnerThemedWithBanner-"]
|
||||||
|
[class*="usernameSection-"] {
|
||||||
|
padding: 0 !important;
|
||||||
|
position: absolute;
|
||||||
|
top: -60px;
|
||||||
|
left: 64px;
|
||||||
|
}
|
||||||
|
[class^="userPopoutOuter-"]
|
||||||
|
> [class^="userPopoutInner-"][class*="userProfileInnerThemedPremiumWithoutBanner-"]
|
||||||
|
[class*="usernameSection-"] {
|
||||||
|
padding: 0 !important;
|
||||||
|
position: absolute;
|
||||||
|
top: -56px;
|
||||||
|
left: 64px;
|
||||||
|
}
|
||||||
|
[class^="userPopoutOuter-"][class*="userProfileOuterUnthemed-"]
|
||||||
|
> [class^="userPopoutInner-"]
|
||||||
|
[class*="usernameSection-"] {
|
||||||
|
padding: 0 !important;
|
||||||
|
position: absolute;
|
||||||
|
top: -54px;
|
||||||
|
left: 64px;
|
||||||
|
}
|
||||||
|
[class^="userPopoutOuter-"]
|
||||||
|
> [class^="userPopoutInner-"]
|
||||||
|
[class*="usernameSection-"]
|
||||||
|
> div {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row !important;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
[class^="userPopoutOuter-"]
|
||||||
|
> [class^="userPopoutInner-"]
|
||||||
|
[class*="usernameSection-"]
|
||||||
|
> div
|
||||||
|
> [class^="userText-"]
|
||||||
|
> h1 {
|
||||||
|
font-size: 16px !important;
|
||||||
|
line-height: 16px !important;
|
||||||
|
text-shadow: 1px 1px 0 var(--primary);
|
||||||
|
}
|
||||||
|
[class^="userPopoutOuter-"]
|
||||||
|
> [class^="userPopoutInner-"]
|
||||||
|
[class*="usernameSection-"]
|
||||||
|
[class^="userText-"]
|
||||||
|
> div
|
||||||
|
> [class*="userTag-"] {
|
||||||
|
line-height: 16px;
|
||||||
|
width: max-content;
|
||||||
|
}
|
||||||
|
[class^="userPopoutOuter-"]
|
||||||
|
> [class^="userPopoutInner-"]
|
||||||
|
[class*="usernameSection-"]
|
||||||
|
[class^="userText-"]
|
||||||
|
> div
|
||||||
|
> [class*="userTag-"]
|
||||||
|
> span {
|
||||||
|
text-shadow: 1px 1px 0 var(--primary);
|
||||||
|
font-size: 12px;
|
||||||
|
padding-left: 2px;
|
||||||
|
}
|
||||||
|
[class^="userPopoutOuter-"]
|
||||||
|
> [class^="userPopoutInner-"]
|
||||||
|
[class*="usernameSection-"]
|
||||||
|
[class^="userText-"]
|
||||||
|
> div {
|
||||||
|
position: absolute;
|
||||||
|
top: -26px;
|
||||||
|
left: -62px;
|
||||||
|
z-index: 10;
|
||||||
|
flex-direction: row-reverse !important;
|
||||||
|
}
|
||||||
|
[class^="userPopoutOuter-"][class*="userProfileOuterUnthemed-"]
|
||||||
|
> [class^="userPopoutInner-"]
|
||||||
|
[class*="usernameSection-"]
|
||||||
|
[class^="userText-"]
|
||||||
|
> div {
|
||||||
|
position: absolute;
|
||||||
|
top: -26px;
|
||||||
|
}
|
||||||
|
[class^="userPopoutOuter-"]
|
||||||
|
> [class^="userPopoutInner-"][class*="userProfileInnerThemedPremiumWithoutBanner-"]
|
||||||
|
[class*="usernameSection-"]
|
||||||
|
[class^="userText-"]
|
||||||
|
> div {
|
||||||
|
position: absolute;
|
||||||
|
top: -24px;
|
||||||
|
}
|
||||||
|
[class^="userPopoutOuter-"]
|
||||||
|
> [class^="userPopoutInner-"]
|
||||||
|
[class*="usernameSection-"]
|
||||||
|
[class^="userText-"]
|
||||||
|
> div
|
||||||
|
.platform-icons-wrapper {
|
||||||
|
margin-left: 0 !important;
|
||||||
|
}
|
||||||
|
[class^="userPopoutOuter-"]
|
||||||
|
> [class^="userPopoutInner-"]
|
||||||
|
[class*="usernameSection-"]
|
||||||
|
> div
|
||||||
|
> [class*="pronouns-"] {
|
||||||
|
font-size: 12px;
|
||||||
|
line-height: 12px;
|
||||||
|
padding-top: 0;
|
||||||
|
margin-left: 4px;
|
||||||
|
opacity: 0.75;
|
||||||
|
text-shadow: 1px 1px 0 var(--primary);
|
||||||
|
}
|
||||||
|
[class^="userPopoutOuter-"][class*="userProfileOuterThemed-"]
|
||||||
|
> [class^="userPopoutInner-"][class*="userProfileInnerThemedWithBanner-"]
|
||||||
|
[class*="customStatusSection-"] {
|
||||||
|
padding: 0 !important;
|
||||||
|
position: absolute;
|
||||||
|
top: -38px;
|
||||||
|
left: 64px;
|
||||||
|
}
|
||||||
|
[class^="userPopoutOuter-"][class*="userProfileOuterUnthemed-"]
|
||||||
|
> [class^="userPopoutInner-"]
|
||||||
|
[class*="customStatusSection-"] {
|
||||||
|
padding: 0 !important;
|
||||||
|
position: absolute;
|
||||||
|
top: -30px;
|
||||||
|
left: 64px;
|
||||||
|
}
|
||||||
|
[class^="userPopoutOuter-"]
|
||||||
|
> [class^="userPopoutInner-"][class*="userProfileInnerThemedPremiumWithoutBanner-"]
|
||||||
|
[class*="customStatusSection-"] {
|
||||||
|
padding: 0 !important;
|
||||||
|
position: absolute;
|
||||||
|
top: -32px;
|
||||||
|
left: 64px;
|
||||||
|
}
|
||||||
|
[class^="userPopoutOuter-"]
|
||||||
|
> [class^="userPopoutInner-"]
|
||||||
|
[class*="customStatusSection-"]
|
||||||
|
> [class^="customStatus-"] {
|
||||||
|
font-size: 12px;
|
||||||
|
line-height: 12px;
|
||||||
|
text-shadow: 1px 1px 0 var(--primary);
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row !important;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
[class^="userPopoutOuter-"]
|
||||||
|
> [class^="userPopoutInner-"]
|
||||||
|
[class*="customStatusSection-"]
|
||||||
|
> [class^="customStatus-"]
|
||||||
|
> [class*="customStatusEmoji-"] {
|
||||||
|
width: 16px;
|
||||||
|
height: 16px;
|
||||||
|
}
|
||||||
|
[class^="userPopoutOuter-"]
|
||||||
|
> [class^="userPopoutInner-"]
|
||||||
|
[class*="customStatusSection-"]
|
||||||
|
> [class^="customStatus-"]
|
||||||
|
> [class^="customStatusText-"] {
|
||||||
|
max-height: 24px;
|
||||||
|
overflow: hidden;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
}
|
||||||
|
[class^="userPopoutOuter-"]
|
||||||
|
> [class^="userPopoutInner-"]
|
||||||
|
[class^="section-"]:has(> .mutual-guilds) {
|
||||||
|
padding-top: 0;
|
||||||
|
}
|
||||||
|
[class^="userPopoutOuter-"]
|
||||||
|
> [class^="userPopoutInner-"]
|
||||||
|
> [class^="profileBadges-"] {
|
||||||
|
visibility: hidden;
|
||||||
|
height: 30px !important;
|
||||||
|
}
|
||||||
|
[class^="userPopoutOuter-"]
|
||||||
|
> [class^="userPopoutInner-"]
|
||||||
|
> [class^="bannerSVGWrapper-"][viewbox$=" 60"] {
|
||||||
|
margin-bottom: 60px;
|
||||||
|
}
|
||||||
|
|
|
@ -1,6 +1,7 @@
|
||||||
[class*="avatarSpeaking-"],
|
[class*="avatarSpeaking-"],
|
||||||
[class^="avatar-"][class*="speaking-"] {
|
[class^="avatar-"][class*="speaking-"] {
|
||||||
box-shadow: 0 0 0 2px var(--status-online, var(--status-green-600)),
|
box-shadow:
|
||||||
|
0 0 0 2px var(--status-online, var(--status-green-600)),
|
||||||
0 0 0 3px var(--background-secondary) !important;
|
0 0 0 3px var(--background-secondary) !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Reference in a new issue