diff --git a/modular/collapsing_sidebar/compact-er_support.css b/modular/collapsing_sidebar/compact-er_support.css index 6b0b579..f738315 100644 --- a/modular/collapsing_sidebar/compact-er_support.css +++ b/modular/collapsing_sidebar/compact-er_support.css @@ -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; +} diff --git a/modular/collapsing_sidebar/dynamic.css b/modular/collapsing_sidebar/dynamic.css index 8691f37..e4626ae 100644 --- a/modular/collapsing_sidebar/dynamic.css +++ b/modular/collapsing_sidebar/dynamic.css @@ -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; + } } diff --git a/modular/collapsing_sidebar/dynamic_+_compact-er_support.css b/modular/collapsing_sidebar/dynamic_+_compact-er_support.css index c46a000..2d93fe0 100644 --- a/modular/collapsing_sidebar/dynamic_+_compact-er_support.css +++ b/modular/collapsing_sidebar/dynamic_+_compact-er_support.css @@ -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; + } } diff --git a/modular/collapsing_sidebar/on.css b/modular/collapsing_sidebar/on.css index 521cab2..3f56646 100644 --- a/modular/collapsing_sidebar/on.css +++ b/modular/collapsing_sidebar/on.css @@ -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; +} diff --git a/modular/compacter_mode.css b/modular/compacter_mode.css index 3aa5ad7..8304d3d 100644 --- a/modular/compacter_mode.css +++ b/modular/compacter_mode.css @@ -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"] diff --git a/modular/stylings/windows_classic.css b/modular/stylings/windows_classic.css index b21cfd9..e88c269 100644 --- a/modular/stylings/windows_classic.css +++ b/modular/stylings/windows_classic.css @@ -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"] diff --git a/modular/textarea/typing_above.css b/modular/textarea/typing_above.css index 932b3b7..f018a9b 100644 --- a/modular/textarea/typing_above.css +++ b/modular/textarea/typing_above.css @@ -33,7 +33,7 @@ form [class*="typing-"] { } [class^="scrollerSpacer-"] { - height: 4px !important; + height: 8px !important; } [class^="chatContent-"] > form:before {