From 9208077205ed0dd475e0262a528af0c8fb872e43 Mon Sep 17 00:00:00 2001 From: Cynthia Foxwell Date: Sun, 18 Jun 2023 14:19:32 -0600 Subject: [PATCH] backlog --- xmc.user.css | 133 +++++++++++++++++++++++++++++++++++++++++++++++---- 1 file changed, 124 insertions(+), 9 deletions(-) diff --git a/xmc.user.css b/xmc.user.css index 2f1f4b6..c15c529 100644 --- a/xmc.user.css +++ b/xmc.user.css @@ -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; +} }`, }