This commit is contained in:
Cynthia Foxwell 2023-06-18 14:19:32 -06:00
parent e76451403d
commit 9208077205
1 changed files with 124 additions and 9 deletions

View File

@ -2431,6 +2431,9 @@ 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"] > [class^="iconContainer-"] > [class^="caret-"] {
display: none;
}
@ -3116,7 +3119,7 @@ form [class*="typing-"] {
}
[class^="scrollerSpacer-"] {
height: 4px !important;
height: 8px !important;
}
[class^="chatContent-"] > form:before {
@ -5260,19 +5263,17 @@ 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-"] {
padding: 0 4px;
}
[class^="sidebar-"]
[class^="containerDefault-"]
[class^="iconVisibility-"]
> [class^="content-"]
> [class^="mainContent-"],
@ -5284,6 +5285,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-"] [class^="userAvatar-"] {
margin-left: 4px;
margin-right: 4px;
@ -5411,9 +5427,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"]
@ -5700,6 +5713,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-"]
@ -5745,7 +5762,29 @@ div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) .channel-typing-indicator,
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;
}
`,
'Compact-er Support': `div[class^="sidebar-"]:not(:has(> [class^="side-"])) > nav {
width: unset;
z-index: 9;
@ -5883,6 +5922,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-"]
@ -5928,7 +5971,29 @@ div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) .channel-typing-indicator,
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;
}
`,
'Dynamic': `@media (width < 1300px) {
div[class^="sidebar-"]:not(:has(> [class^="side-"])) > nav {
width: unset;
@ -6067,6 +6132,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-"]
@ -6113,6 +6182,27 @@ div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) .channel-typing
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;
}
}`,
'Dynamic + Compact-er Support': `@media (width < 1300px) {
div[class^="sidebar-"]:not(:has(> [class^="side-"])) > nav {
@ -6252,6 +6342,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-"]
@ -6298,6 +6392,27 @@ div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) .channel-typing
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;
}
}`,
}