Make Modular

This commit is contained in:
CI 2023-06-18 20:20:03 +00:00
parent 9208077205
commit 1f73fee22b
7 changed files with 128 additions and 10 deletions

View File

@ -135,6 +135,10 @@ div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
> [class^="children-"],
div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
[class^="containerDefault-"]
[class^="iconVisibility-"][class*="modeSelected-"]
> [class^="content-"]
> [class^="children-"],
div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
[class^="iconVisibility-"]:not([class*="typeThread-"])
> [class^="content-"]
> [class^="mainContent-"]
@ -184,3 +188,25 @@ div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
[class^="devBanner-"] {
display: none;
}
div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
> nav[class^="container-"]
> [class^="scroller-"]
> ul
> [class*="containerWithMargin-"] {
display: none;
}
div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
[class*="unreadBar-"]
> span {
overflow: hidden;
white-space: nowrap;
text-overflow: clip;
margin-left: 8px;
}
div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
[class^="voiceChannelsButton-"] {
display: none;
}

View File

@ -135,6 +135,10 @@
> [class^="children-"],
div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
[class^="containerDefault-"]
[class^="iconVisibility-"][class*="modeSelected-"]
> [class^="content-"]
> [class^="children-"],
div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
[class^="iconVisibility-"]:not([class*="typeThread-"])
> [class^="content-"]
> [class^="mainContent-"]
@ -184,4 +188,26 @@
[class^="devBanner-"] {
display: none;
}
div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
> nav[class^="container-"]
> [class^="scroller-"]
> ul
> [class*="containerWithMargin-"] {
display: none;
}
div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
[class*="unreadBar-"]
> span {
overflow: hidden;
white-space: nowrap;
text-overflow: clip;
margin-left: 8px;
}
div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
[class^="voiceChannelsButton-"] {
display: none;
}
}

View File

@ -135,6 +135,10 @@
> [class^="children-"],
div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
[class^="containerDefault-"]
[class^="iconVisibility-"][class*="modeSelected-"]
> [class^="content-"]
> [class^="children-"],
div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
[class^="iconVisibility-"]:not([class*="typeThread-"])
> [class^="content-"]
> [class^="mainContent-"]
@ -184,4 +188,26 @@
[class^="devBanner-"] {
display: none;
}
div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
> nav[class^="container-"]
> [class^="scroller-"]
> ul
> [class*="containerWithMargin-"] {
display: none;
}
div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
[class*="unreadBar-"]
> span {
overflow: hidden;
white-space: nowrap;
text-overflow: clip;
margin-left: 8px;
}
div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
[class^="voiceChannelsButton-"] {
display: none;
}
}

View File

@ -141,6 +141,10 @@ div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
> [class^="children-"],
div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
[class^="containerDefault-"]
[class^="iconVisibility-"][class*="modeSelected-"]
> [class^="content-"]
> [class^="children-"],
div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
[class^="iconVisibility-"]:not([class*="typeThread-"])
> [class^="content-"]
> [class^="mainContent-"]
@ -190,3 +194,25 @@ div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
[class^="devBanner-"] {
display: none;
}
div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
> nav[class^="container-"]
> [class^="scroller-"]
> ul
> [class*="containerWithMargin-"] {
display: none;
}
div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
[class*="unreadBar-"]
> span {
overflow: hidden;
white-space: nowrap;
text-overflow: clip;
margin-left: 8px;
}
div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
[class^="voiceChannelsButton-"] {
display: none;
}

View File

@ -342,19 +342,15 @@ button.hh2-spotify-controls-button {
height: 6px !important;
}
[class^="sidebar-"] ul[class^="content-"] > div[style="height: 84px;"] {
height: 100px !important;
height: 0px !important;
}
[class^="sidebar-"] ul[class^="content-"] > [class^="sectionDivider-"] {
margin-top: 6px;
}
[class^="sidebar-"]
[class^="containerDefault-"]
[class^="iconVisibility-"]
> [class^="content-"] {
[class^="sidebar-"] [class^="iconVisibility-"] > [class^="content-"] {
padding: 0 4px;
}
[class^="sidebar-"]
[class^="containerDefault-"]
[class^="iconVisibility-"]
> [class^="content-"]
> [class^="mainContent-"],
@ -366,6 +362,21 @@ button.hh2-spotify-controls-button {
> [class^="iconItem-"] {
padding: 3px 0;
}
[class^="sidebar-"]
[class^="containerDefault-"]
[class^="iconVisibility-"]
> [class^="content-"]
> [class^="children-"]
> [class^="channelInfo-"] {
margin-top: 0 !important;
}
[class^="sidebar-"]
[class^="containerDefault-"]
[class^="iconVisibility-"]
> [class^="content-"]
> [class^="children-"] {
margin-top: 2px;
}
[class^="sidebar-"]
[class^="containerDefault-"]
[class^="voiceUser-"]
@ -496,9 +507,6 @@ div[class^="sidebar-"]:not(:has(> [class^="side-"]))
margin: 0 !important;
}
[class^="chatContent-"] > form [class^="channelTextArea"] {
margin-bottom: 1px !important;
}
[class^="chatContent-"]
> form
[class^="channelTextArea"]

View File

@ -234,6 +234,12 @@ div[class^="sidebar-"]:not(:has(> [class^="side-"]))
width: 16px;
height: 16px;
}
[class*="menu-"]
> [class^="scroller-"]
[class^="item-"]
> [class^="hintContainer-"] {
margin-right: 18px;
}
[class*="menu-"]
> [class^="scroller-"]
[class^="item-"][aria-haspopup="true"]

View File

@ -33,7 +33,7 @@ form [class*="typing-"] {
}
[class^="scrollerSpacer-"] {
height: 4px !important;
height: 8px !important;
}
[class^="chatContent-"] > form:before {