diff --git a/modular/collapsing_sidebar/compact-er_support.css b/modular/collapsing_sidebar/compact-er_support.css index f738315..6b0b579 100644 --- a/modular/collapsing_sidebar/compact-er_support.css +++ b/modular/collapsing_sidebar/compact-er_support.css @@ -135,10 +135,6 @@ 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-"] @@ -188,25 +184,3 @@ 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; -} diff --git a/modular/collapsing_sidebar/dynamic.css b/modular/collapsing_sidebar/dynamic.css index e4626ae..8691f37 100644 --- a/modular/collapsing_sidebar/dynamic.css +++ b/modular/collapsing_sidebar/dynamic.css @@ -135,10 +135,6 @@ > [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-"] @@ -188,26 +184,4 @@ [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; - } } diff --git a/modular/collapsing_sidebar/dynamic_+_compact-er_support.css b/modular/collapsing_sidebar/dynamic_+_compact-er_support.css index 2d93fe0..c46a000 100644 --- a/modular/collapsing_sidebar/dynamic_+_compact-er_support.css +++ b/modular/collapsing_sidebar/dynamic_+_compact-er_support.css @@ -135,10 +135,6 @@ > [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-"] @@ -188,26 +184,4 @@ [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; - } } diff --git a/modular/collapsing_sidebar/on.css b/modular/collapsing_sidebar/on.css index 3f56646..521cab2 100644 --- a/modular/collapsing_sidebar/on.css +++ b/modular/collapsing_sidebar/on.css @@ -141,10 +141,6 @@ 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-"] @@ -194,25 +190,3 @@ 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; -} diff --git a/modular/compacter_mode.css b/modular/compacter_mode.css index 8304d3d..3aa5ad7 100644 --- a/modular/compacter_mode.css +++ b/modular/compacter_mode.css @@ -342,15 +342,19 @@ button.hh2-spotify-controls-button { height: 6px !important; } [class^="sidebar-"] ul[class^="content-"] > div[style="height: 84px;"] { - height: 0px !important; + height: 100px !important; } [class^="sidebar-"] ul[class^="content-"] > [class^="sectionDivider-"] { margin-top: 6px; } -[class^="sidebar-"] [class^="iconVisibility-"] > [class^="content-"] { +[class^="sidebar-"] + [class^="containerDefault-"] + [class^="iconVisibility-"] + > [class^="content-"] { padding: 0 4px; } [class^="sidebar-"] + [class^="containerDefault-"] [class^="iconVisibility-"] > [class^="content-"] > [class^="mainContent-"], @@ -362,21 +366,6 @@ 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-"] @@ -507,6 +496,9 @@ div[class^="sidebar-"]:not(:has(> [class^="side-"])) margin: 0 !important; } +[class^="chatContent-"] > form [class^="channelTextArea"] { + margin-bottom: 1px !important; +} [class^="chatContent-"] > form [class^="channelTextArea"] diff --git a/modular/stylings/windows_classic.css b/modular/stylings/windows_classic.css index e88c269..b21cfd9 100644 --- a/modular/stylings/windows_classic.css +++ b/modular/stylings/windows_classic.css @@ -234,12 +234,6 @@ 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"] diff --git a/modular/textarea/typing_above.css b/modular/textarea/typing_above.css index f018a9b..932b3b7 100644 --- a/modular/textarea/typing_above.css +++ b/modular/textarea/typing_above.css @@ -33,7 +33,7 @@ form [class*="typing-"] { } [class^="scrollerSpacer-"] { - height: 8px !important; + height: 4px !important; } [class^="chatContent-"] > form:before { diff --git a/xmc.user.css b/xmc.user.css index c15c529..2f1f4b6 100644 --- a/xmc.user.css +++ b/xmc.user.css @@ -2431,9 +2431,6 @@ 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; } @@ -3119,7 +3116,7 @@ form [class*="typing-"] { } [class^="scrollerSpacer-"] { - height: 8px !important; + height: 4px !important; } [class^="chatContent-"] > form:before { @@ -5263,17 +5260,19 @@ button.hh2-spotify-controls-button { height: 6px !important; } [class^="sidebar-"] ul[class^="content-"] > div[style="height: 84px;"] { - height: 0px !important; + height: 100px !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-"], @@ -5285,21 +5284,6 @@ 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; @@ -5427,6 +5411,9 @@ div[class^="sidebar-"]:not(:has(> [class^="side-"])) margin: 0 !important; } +[class^="chatContent-"] > form [class^="channelTextArea"] { + margin-bottom: 1px !important; +} [class^="chatContent-"] > form [class^="channelTextArea"] @@ -5713,10 +5700,6 @@ 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-"] @@ -5762,29 +5745,7 @@ 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; @@ -5922,10 +5883,6 @@ 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-"] @@ -5971,29 +5928,7 @@ 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; @@ -6132,10 +6067,6 @@ 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-"] @@ -6182,27 +6113,6 @@ 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 { @@ -6342,10 +6252,6 @@ 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-"] @@ -6392,27 +6298,6 @@ 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; -} }`, }