From 78f6f5d335516cac04361d73de537de8a480e488 Mon Sep 17 00:00:00 2001 From: Cynthia Foxwell Date: Sun, 8 Oct 2023 12:37:56 -0600 Subject: [PATCH] fix toolbar size for compacter --- xmc.user.css | 617 +++++++++++++++++++++++++++++++++++++++++++-------- 1 file changed, 520 insertions(+), 97 deletions(-) diff --git a/xmc.user.css b/xmc.user.css index 9a4096a..827de5d 100644 --- a/xmc.user.css +++ b/xmc.user.css @@ -873,6 +873,8 @@ code.inline, --status-dnd: var(--_color5); --status-offline: var(--highlight); --status-streaming: var(--_color4); + + --status-warning-text: var(--primary) !important; } #splash { @@ -922,6 +924,8 @@ code.inline, --status-offline: var(--highlight); --status-streaming: var(--_color4); + --status-warning-text: var(--primary) !important; + --titlebar-color: var(--accent); --wc-bright: #383838; } @@ -2623,7 +2627,290 @@ div[class^="sidebar-"]:not(:has(> [class^="side-"])) } [class^="popout-"][role="listbox"] > [class^="option-"]:hover { background-color: var(--accent); -}`, +} + +[class^="userPopoutOuter-"] { + padding: 2px !important; + background: var(--primary) !important; + border-radius: 0 !important; + box-shadow: var(--wc-outer-edge); +} +[class^="userPopoutOuter-"] + > [class^="userPopoutInner-"], +[class^="userPopoutOuter-"] + > [class^="userPopoutInner-"] + > [class^="userPopoutOverlayBackground-"] { + background: transparent; +} +[class^="userPopoutOuter-"] + > [class^="userPopoutInner-"]:before { + display: none; +} +[class^="userPopoutOuter-"] + > [class^="userPopoutInner-"] + > [class*="avatarWrapper-"] { + top: 26px; + left: 8px; +} +[class^="userPopoutOuter-"] + > [class^="userPopoutInner-"] + > [class*="avatarWrapper-"] + > [class^="avatarHoverTarget-"] + > [class^="wrapper-"] { + width: 56px !important; + height: 56px !important; +} +[class^="userPopoutOuter-"] + > [class^="userPopoutInner-"] + > [class*="avatarWrapper-"] + [class*="avatarHint-"] { + width: 48px !important; + height: 48px !important; +} +[class^="userPopoutOuter-"] + > [class^="userPopoutInner-"] + > [class*="avatarWrapper-"] + > [class^="avatarHoverTarget-"] + > [class^="wrapper-"] + > svg { + width: 55px !important; + height: 55px !important; +} +[class^="userPopoutOuter-"][class*="userProfileOuterThemed-"]:after { + position: absolute; + top: 2px; + left: 2px; + content: ""; + width: calc(100% - 4px); + height: 18px; + background: linear-gradient(to right, var(--profile-gradient-primary-color), var(--profile-gradient-secondary-color)); +} +[class^="userPopoutOuter-"][class*="userProfileOuterUnthemed-"] + > [class^="userPopoutInner-"] + [class^="banner-"] { + height: 18px !important; +} +[class^="userPopoutOuter-"][class*="userProfileOuterThemed-"] + > [class^="userPopoutInner-"][class*="userProfileInnerThemedWithBanner-"] + [class^="banner-"] { + margin-top: 19px; + border-radius: 0; +} +[class^="userPopoutOuter-"][class*="userProfileOuterThemed-"] + > [class^="userPopoutInner-"][class*="userProfileInnerThemedWithBanner-"] + [class^="banner-"]:after { + content: ""; + background: linear-gradient(to bottom, transparent 32px, var(--primary) 64px); + width: 340px; + height: 120px; + position: absolute; + top: 19px; + left: 0; +} +[class^="userPopoutOuter-"][class*="userProfileOuterThemed-"] + > [class^="userPopoutInner-"][class*="userProfileInnerThemedPremiumWithoutBanner-"] + [class^="banner-"] { + display: none; +} +[class^="userPopoutOuter-"] + > [class^="userPopoutInner-"] + > [class^="userPopoutOverlayBackground-"] { + margin: 0 !important; + overflow: visible; +} +[class^="userPopoutOuter-"] + > [class^="userPopoutInner-"][class*="userProfileInnerThemedWithBanner-"] + > [class^="userPopoutOverlayBackground-"] { + margin-top: -72px !important; +} +[class^="userPopoutOuter-"] + > [class^="userPopoutInner-"][class*="userProfileInnerThemedPremiumWithoutBanner-"] + > [class^="userPopoutOverlayBackground-"] { + margin-top: -48px !important; +} +[class^="userPopoutOuter-"][class*="userProfileOuterUnthemed-"] + > [class^="userPopoutInner-"] + > [class^="userPopoutOverlayBackground-"] { + margin-top: -78px !important; +} +[class^="userPopoutOuter-"] + > [class^="userPopoutInner-"][class*="userProfileInnerThemedWithBanner-"] + [class*="usernameSection-"] { + padding: 0 !important; + position: absolute; + top: -60px; + left: 64px; +} +[class^="userPopoutOuter-"] + > [class^="userPopoutInner-"][class*="userProfileInnerThemedPremiumWithoutBanner-"] + [class*="usernameSection-"] { + padding: 0 !important; + position: absolute; + top: -56px; + left: 64px; +} +[class^="userPopoutOuter-"][class*="userProfileOuterUnthemed-"] + > [class^="userPopoutInner-"] + [class*="usernameSection-"] { + padding: 0 !important; + position: absolute; + top: -54px; + left: 64px; +} +[class^="userPopoutOuter-"] + > [class^="userPopoutInner-"] + [class*="usernameSection-"] + > div { + display: flex; + flex-direction: row !important; + align-items: center; +} +[class^="userPopoutOuter-"] + > [class^="userPopoutInner-"] + [class*="usernameSection-"] + > div + > [class^="userText-"] + > h1 { + font-size: 16px !important; + line-height: 16px !important; + text-shadow: 1px 1px 0 var(--primary); +} +[class^="userPopoutOuter-"] + > [class^="userPopoutInner-"] + [class*="usernameSection-"] + [class^="userText-"] + > div + > [class*="userTag-"] { + line-height: 16px; + width: max-content; +} +[class^="userPopoutOuter-"] + > [class^="userPopoutInner-"] + [class*="usernameSection-"] + [class^="userText-"] + > div + > [class*="userTag-"] + > span { + text-shadow: 1px 1px 0 var(--primary); + font-size: 12px; + padding-left: 2px; +} +[class^="userPopoutOuter-"] + > [class^="userPopoutInner-"] + [class*="usernameSection-"] + [class^="userText-"] + > div { + position: absolute; + top: -26px; + left: -62px; + z-index: 10; + flex-direction: row-reverse !important; +} +[class^="userPopoutOuter-"][class*="userProfileOuterUnthemed-"] + > [class^="userPopoutInner-"] + [class*="usernameSection-"] + [class^="userText-"] + > div { + position: absolute; + top: -26px; +} +[class^="userPopoutOuter-"] + > [class^="userPopoutInner-"][class*="userProfileInnerThemedPremiumWithoutBanner-"] + [class*="usernameSection-"] + [class^="userText-"] + > div { + position: absolute; + top: -24px; +} +[class^="userPopoutOuter-"] + > [class^="userPopoutInner-"] + [class*="usernameSection-"] + [class^="userText-"] + > div + .platform-icons-wrapper { + margin-left: 0 !important; +} +[class^="userPopoutOuter-"] + > [class^="userPopoutInner-"] + [class*="usernameSection-"] + > div + > [class*="pronouns-"] { + font-size: 12px; + line-height: 12px; + padding-top: 0; + margin-left: 4px; + opacity: 0.75; + text-shadow: 1px 1px 0 var(--primary); +} +[class^="userPopoutOuter-"][class*="userProfileOuterThemed-"] + > [class^="userPopoutInner-"][class*="userProfileInnerThemedWithBanner-"] + [class*="customStatusSection-"] { + padding: 0 !important; + position: absolute; + top: -38px; + left: 64px; +} +[class^="userPopoutOuter-"][class*="userProfileOuterUnthemed-"] + > [class^="userPopoutInner-"] + [class*="customStatusSection-"] { + padding: 0 !important; + position: absolute; + top: -30px; + left: 64px; +} +[class^="userPopoutOuter-"] + > [class^="userPopoutInner-"][class*="userProfileInnerThemedPremiumWithoutBanner-"] + [class*="customStatusSection-"] { + padding: 0 !important; + position: absolute; + top: -32px; + left: 64px; +} +[class^="userPopoutOuter-"] + > [class^="userPopoutInner-"] + [class*="customStatusSection-"] + > [class^="customStatus-"] { + font-size: 12px; + line-height: 12px; + text-shadow: 1px 1px 0 var(--primary); + display: flex; + flex-direction: row !important; + align-items: center; +} +[class^="userPopoutOuter-"] + > [class^="userPopoutInner-"] + [class*="customStatusSection-"] + > [class^="customStatus-"] + > [class*="customStatusEmoji-"] { + width: 16px; + height: 16px; +} +[class^="userPopoutOuter-"] + > [class^="userPopoutInner-"] + [class*="customStatusSection-"] + > [class^="customStatus-"] + > [class^="customStatusText-"] { + max-height: 24px; + overflow: hidden; + text-overflow: ellipsis; +} +[class^="userPopoutOuter-"] + > [class^="userPopoutInner-"] + [class^="section-"]:has(> .mutual-guilds) { + padding-top: 0; +} +[class^="userPopoutOuter-"] + > [class^="userPopoutInner-"] + > [class^="profileBadges-"] { + visibility: hidden; + height: 30px !important; +} +[class^="userPopoutOuter-"] + > [class^="userPopoutInner-"] + > [class^="bannerSVGWrapper-"][viewbox$=" 60"] { + margin-bottom: 60px; +} +`, } @var select xmc_custom_bg 'Transparency for custom background' { @@ -5273,9 +5560,9 @@ button.hh2-spotify-controls-button { margin-top: 6px; } [class^="sidebar-"] - [class^="iconVisibility-"] - > [class^="content-"] { - padding: 0 4px; + [class^="containerDefault-"] + [class^="link-"] { + padding: 4px; } [class^="sidebar-"] [class^="iconVisibility-"] @@ -5308,6 +5595,11 @@ button.hh2-spotify-controls-button { margin-left: 4px; margin-right: 4px; } +[class^="sidebar-"] + [class^="containerDefault-"] + [class^="spine-"] { + top: 2px; +} div[class^="sidebar-"]:not(:has(> [class^="side-"])) > nav[class^="container-"] > [class^="container-"][class*="clickable-"] @@ -5354,80 +5646,121 @@ div[class^="sidebar-"]:not(:has(> [class^="side-"])) [class^="sidebar-"] header[class^="header-"] { padding: 4px 8px; } -[class^="chat-"] > [class^="title-"] { +[class^=chat-] > [class^=title-], +[class^=chat-] > section[class*=container-], +[class^=base-] > [class^=content-] > [class^=container-] > section[class*=container-], +[class^=base-] > [class^=content-] > [class^=applicationStore-] section[class*=container-] { + height: 32px; + min-height: 32px; + padding: 0; +} +[class^=chat-] > [class^=title-][class^=libraryHeader-]:before, +[class^=chat-] > section[class*=container-][class^=libraryHeader-]:before, +[class^=base-] > [class^=content-] > [class^=container-] > section[class*=container-][class^=libraryHeader-]:before, +[class^=base-] > [class^=content-] > [class^=applicationStore-] section[class*=container-][class^=libraryHeader-]:before { + top: 31px; +} +[class^=chat-] > [class^=title-] > [class^=upperContainer-], +[class^=chat-] > section[class*=container-] > [class^=upperContainer-], +[class^=base-] > [class^=content-] > [class^=container-] > section[class*=container-] > [class^=upperContainer-], +[class^=base-] > [class^=content-] > [class^=applicationStore-] section[class*=container-] > [class^=upperContainer-] { height: 32px; } -[class^="chat-"] - > [class^="title-"] - [class^="toolbar-"] - > [class^="search-"] - [class^="searchBar-"] { - height: 24px !important; +[class^=chat-] > [class^=title-] > [class^=upperContainer-] > [class^=toolbar-], +[class^=chat-] > section[class*=container-] > [class^=upperContainer-] > [class^=toolbar-], +[class^=base-] > [class^=content-] > [class^=container-] > section[class*=container-] > [class^=upperContainer-] > [class^=toolbar-], +[class^=base-] > [class^=content-] > [class^=applicationStore-] section[class*=container-] > [class^=upperContainer-] > [class^=toolbar-] { + display: grid; + grid-auto-flow: column; + grid-gap: 4px; + margin-right: 4px; } -[class^="chat-"] - > [class^="title-"] - [class^="toolbar-"] - > [class^="search-"] - [class^="searchBar-"] - > .DraftEditor-root, -[class^="chat-"] - > [class^="title-"] - [class^="toolbar-"] - > [class^="search-"] - [class^="searchBar-"] - > [class^="icon-"] { - margin-top: 0 !important; -} -[class^="chat-"] - > [class^="title-"] - [class^="toolbar-"] - [class^="iconWrapper-"] { - width: 24px !important; - height: 24px !important; -} -[class^="chat-"] - > [class^="title-"] - [class^="toolbar-"] - [class*="iconWrapper-"] - > svg { - margin: 0 !important; - padding: 1px; -} -[class^="chat-"] > [class^="title-"] [class^="toolbar-"] { +[class^=chat-] > [class^=title-] > [class^=upperContainer-] > [class^=toolbar-] > [class^=inviteToolbar-], +[class^=chat-] > section[class*=container-] > [class^=upperContainer-] > [class^=toolbar-] > [class^=inviteToolbar-], +[class^=base-] > [class^=content-] > [class^=container-] > section[class*=container-] > [class^=upperContainer-] > [class^=toolbar-] > [class^=inviteToolbar-], +[class^=base-] > [class^=content-] > [class^=applicationStore-] section[class*=container-] > [class^=upperContainer-] > [class^=toolbar-] > [class^=inviteToolbar-] { display: grid; grid-auto-flow: column; grid-gap: 4px; } -[class^="chat-"] - > [class^="title-"] - [class^="toolbar-"] - > [class^="icon-"]:has(> [class^="text-md-normal-"]) { +[class^=chat-] > [class^=title-] > [class^=upperContainer-] > [class^=toolbar-] > [class^=search-] [class^=searchBar-], +[class^=chat-] > section[class*=container-] > [class^=upperContainer-] > [class^=toolbar-] > [class^=search-] [class^=searchBar-], +[class^=base-] > [class^=content-] > [class^=container-] > section[class*=container-] > [class^=upperContainer-] > [class^=toolbar-] > [class^=search-] [class^=searchBar-], +[class^=base-] > [class^=content-] > [class^=applicationStore-] section[class*=container-] > [class^=upperContainer-] > [class^=toolbar-] > [class^=search-] [class^=searchBar-] { + height: 24px !important; +} +[class^=chat-] > [class^=title-] > [class^=upperContainer-] > [class^=toolbar-] > [class^=search-] [class^=searchBar-] > .DraftEditor-root [class^=chat-] > [class^=title-] > [class^=upperContainer-] > [class^=toolbar-] > [class^=search-] [class^=searchBar-] > [class^=icon-], +[class^=chat-] > [class^=title-] > [class^=upperContainer-] > [class^=toolbar-] > [class^=search-] [class^=searchBar-] > .DraftEditor-root [class^=chat-] > section[class*=container-] > [class^=upperContainer-] > [class^=toolbar-] > [class^=search-] [class^=searchBar-] > [class^=icon-], +[class^=chat-] > [class^=title-] > [class^=upperContainer-] > [class^=toolbar-] > [class^=search-] [class^=searchBar-] > .DraftEditor-root [class^=base-] > [class^=content-] > [class^=container-] > section[class*=container-] > [class^=upperContainer-] > [class^=toolbar-] > [class^=search-] [class^=searchBar-] > [class^=icon-], +[class^=chat-] > [class^=title-] > [class^=upperContainer-] > [class^=toolbar-] > [class^=search-] [class^=searchBar-] > .DraftEditor-root [class^=base-] > [class^=content-] > [class^=applicationStore-] section[class*=container-] > [class^=upperContainer-] > [class^=toolbar-] > [class^=search-] [class^=searchBar-] > [class^=icon-], +[class^=chat-] > section[class*=container-] > [class^=upperContainer-] > [class^=toolbar-] > [class^=search-] [class^=searchBar-] > .DraftEditor-root [class^=chat-] > [class^=title-] > [class^=upperContainer-] > [class^=toolbar-] > [class^=search-] [class^=searchBar-] > [class^=icon-], +[class^=chat-] > section[class*=container-] > [class^=upperContainer-] > [class^=toolbar-] > [class^=search-] [class^=searchBar-] > .DraftEditor-root [class^=chat-] > section[class*=container-] > [class^=upperContainer-] > [class^=toolbar-] > [class^=search-] [class^=searchBar-] > [class^=icon-], +[class^=chat-] > section[class*=container-] > [class^=upperContainer-] > [class^=toolbar-] > [class^=search-] [class^=searchBar-] > .DraftEditor-root [class^=base-] > [class^=content-] > [class^=container-] > section[class*=container-] > [class^=upperContainer-] > [class^=toolbar-] > [class^=search-] [class^=searchBar-] > [class^=icon-], +[class^=chat-] > section[class*=container-] > [class^=upperContainer-] > [class^=toolbar-] > [class^=search-] [class^=searchBar-] > .DraftEditor-root [class^=base-] > [class^=content-] > [class^=applicationStore-] section[class*=container-] > [class^=upperContainer-] > [class^=toolbar-] > [class^=search-] [class^=searchBar-] > [class^=icon-], +[class^=base-] > [class^=content-] > [class^=container-] > section[class*=container-] > [class^=upperContainer-] > [class^=toolbar-] > [class^=search-] [class^=searchBar-] > .DraftEditor-root [class^=chat-] > [class^=title-] > [class^=upperContainer-] > [class^=toolbar-] > [class^=search-] [class^=searchBar-] > [class^=icon-], +[class^=base-] > [class^=content-] > [class^=container-] > section[class*=container-] > [class^=upperContainer-] > [class^=toolbar-] > [class^=search-] [class^=searchBar-] > .DraftEditor-root [class^=chat-] > section[class*=container-] > [class^=upperContainer-] > [class^=toolbar-] > [class^=search-] [class^=searchBar-] > [class^=icon-], +[class^=base-] > [class^=content-] > [class^=container-] > section[class*=container-] > [class^=upperContainer-] > [class^=toolbar-] > [class^=search-] [class^=searchBar-] > .DraftEditor-root [class^=base-] > [class^=content-] > [class^=container-] > section[class*=container-] > [class^=upperContainer-] > [class^=toolbar-] > [class^=search-] [class^=searchBar-] > [class^=icon-], +[class^=base-] > [class^=content-] > [class^=container-] > section[class*=container-] > [class^=upperContainer-] > [class^=toolbar-] > [class^=search-] [class^=searchBar-] > .DraftEditor-root [class^=base-] > [class^=content-] > [class^=applicationStore-] section[class*=container-] > [class^=upperContainer-] > [class^=toolbar-] > [class^=search-] [class^=searchBar-] > [class^=icon-], +[class^=base-] > [class^=content-] > [class^=applicationStore-] section[class*=container-] > [class^=upperContainer-] > [class^=toolbar-] > [class^=search-] [class^=searchBar-] > .DraftEditor-root [class^=chat-] > [class^=title-] > [class^=upperContainer-] > [class^=toolbar-] > [class^=search-] [class^=searchBar-] > [class^=icon-], +[class^=base-] > [class^=content-] > [class^=applicationStore-] section[class*=container-] > [class^=upperContainer-] > [class^=toolbar-] > [class^=search-] [class^=searchBar-] > .DraftEditor-root [class^=chat-] > section[class*=container-] > [class^=upperContainer-] > [class^=toolbar-] > [class^=search-] [class^=searchBar-] > [class^=icon-], +[class^=base-] > [class^=content-] > [class^=applicationStore-] section[class*=container-] > [class^=upperContainer-] > [class^=toolbar-] > [class^=search-] [class^=searchBar-] > .DraftEditor-root [class^=base-] > [class^=content-] > [class^=container-] > section[class*=container-] > [class^=upperContainer-] > [class^=toolbar-] > [class^=search-] [class^=searchBar-] > [class^=icon-], +[class^=base-] > [class^=content-] > [class^=applicationStore-] section[class*=container-] > [class^=upperContainer-] > [class^=toolbar-] > [class^=search-] [class^=searchBar-] > .DraftEditor-root [class^=base-] > [class^=content-] > [class^=applicationStore-] section[class*=container-] > [class^=upperContainer-] > [class^=toolbar-] > [class^=search-] [class^=searchBar-] > [class^=icon-] { + margin-top: 0 !important; +} +[class^=chat-] > [class^=title-] > [class^=upperContainer-] > [class^=toolbar-] [class^=iconWrapper-], +[class^=chat-] > section[class*=container-] > [class^=upperContainer-] > [class^=toolbar-] [class^=iconWrapper-], +[class^=base-] > [class^=content-] > [class^=container-] > section[class*=container-] > [class^=upperContainer-] > [class^=toolbar-] [class^=iconWrapper-], +[class^=base-] > [class^=content-] > [class^=applicationStore-] section[class*=container-] > [class^=upperContainer-] > [class^=toolbar-] [class^=iconWrapper-] { + width: 24px !important; + height: 24px !important; + margin: 0; +} +[class^=chat-] > [class^=title-] > [class^=upperContainer-] > [class^=toolbar-] [class^=iconWrapper-] > svg, +[class^=chat-] > section[class*=container-] > [class^=upperContainer-] > [class^=toolbar-] [class^=iconWrapper-] > svg, +[class^=base-] > [class^=content-] > [class^=container-] > section[class*=container-] > [class^=upperContainer-] > [class^=toolbar-] [class^=iconWrapper-] > svg, +[class^=base-] > [class^=content-] > [class^=applicationStore-] section[class*=container-] > [class^=upperContainer-] > [class^=toolbar-] [class^=iconWrapper-] > svg { + margin: 0 !important; + padding: 1px; +} +[class^=chat-] > [class^=title-] > [class^=upperContainer-] > [class^=toolbar-] > [class^=icon-]:has(> [class^=text-md-normal-]), +[class^=chat-] > section[class*=container-] > [class^=upperContainer-] > [class^=toolbar-] > [class^=icon-]:has(> [class^=text-md-normal-]), +[class^=base-] > [class^=content-] > [class^=container-] > section[class*=container-] > [class^=upperContainer-] > [class^=toolbar-] > [class^=icon-]:has(> [class^=text-md-normal-]), +[class^=base-] > [class^=content-] > [class^=applicationStore-] section[class*=container-] > [class^=upperContainer-] > [class^=toolbar-] > [class^=icon-]:has(> [class^=text-md-normal-]) { margin-left: 4px; margin-right: 0; } -[class^="chat-"] > [class^="title-"] [class^="topic-"] { +[class^=chat-] > [class^=title-] > [class^=upperContainer-] [class^=topic-], +[class^=chat-] > section[class*=container-] > [class^=upperContainer-] [class^=topic-], +[class^=base-] > [class^=content-] > [class^=container-] > section[class*=container-] > [class^=upperContainer-] [class^=topic-], +[class^=base-] > [class^=content-] > [class^=applicationStore-] section[class*=container-] > [class^=upperContainer-] [class^=topic-] { margin-left: 4px; } -[class^="chat-"] > [class^="title-"] [class^="titleWrapper-"] { +[class^=chat-] > [class^=title-] > [class^=upperContainer-] [class^=titleWrapper-], +[class^=chat-] > section[class*=container-] > [class^=upperContainer-] [class^=titleWrapper-], +[class^=base-] > [class^=content-] > [class^=container-] > section[class*=container-] > [class^=upperContainer-] [class^=titleWrapper-], +[class^=base-] > [class^=content-] > [class^=applicationStore-] section[class*=container-] > [class^=upperContainer-] [class^=titleWrapper-] { margin-right: 4px; } -[class^="chat-"] - > [class^="title-"] - > [class^="children-"] - > [class^="iconWrapper-"], -[class^="chat-"] > [class^="title-"] [class^="divider-"] { +[class^=chat-] > [class^=title-] > [class^=upperContainer-] > [class^=children-] > [class^=iconWrapper-], +[class^=chat-] > [class^=title-] > [class^=upperContainer-] [class^=divider-], +[class^=chat-] > section[class*=container-] > [class^=upperContainer-] > [class^=children-] > [class^=iconWrapper-], +[class^=chat-] > section[class*=container-] > [class^=upperContainer-] [class^=divider-], +[class^=base-] > [class^=content-] > [class^=container-] > section[class*=container-] > [class^=upperContainer-] > [class^=children-] > [class^=iconWrapper-], +[class^=base-] > [class^=content-] > [class^=container-] > section[class*=container-] > [class^=upperContainer-] [class^=divider-], +[class^=base-] > [class^=content-] > [class^=applicationStore-] section[class*=container-] > [class^=upperContainer-] > [class^=children-] > [class^=iconWrapper-], +[class^=base-] > [class^=content-] > [class^=applicationStore-] section[class*=container-] > [class^=upperContainer-] [class^=divider-] { margin: 0 4px; } -[class^="chat-"] - > [class^="title-"] - > [class^="children-"] - > [class^="iconWrapper-"] - > svg { +[class^=chat-] > [class^=title-] > [class^=upperContainer-] > [class^=children-] > [class^=iconWrapper-] > svg, +[class^=chat-] > section[class*=container-] > [class^=upperContainer-] > [class^=children-] > [class^=iconWrapper-] > svg, +[class^=base-] > [class^=content-] > [class^=container-] > section[class*=container-] > [class^=upperContainer-] > [class^=children-] > [class^=iconWrapper-] > svg, +[class^=base-] > [class^=content-] > [class^=applicationStore-] section[class*=container-] > [class^=upperContainer-] > [class^=children-] > [class^=iconWrapper-] > svg { padding: 2px; } - -[class^="chat-"] [class^="toolbar-"] [class*="iconWrapper-"], -[class^="chat-"] [class^="toolbar-"] > [class*="search-"] { +[class*=iconWrapper-] [class^=chat-] > [class^=title-] > [class^=upperContainer-] > [class*=search-], +[class*=iconWrapper-] [class^=chat-] > section[class*=container-] > [class^=upperContainer-] > [class*=search-], +[class*=iconWrapper-] [class^=base-] > [class^=content-] > [class^=container-] > section[class*=container-] > [class^=upperContainer-] > [class*=search-], +[class*=iconWrapper-] [class^=base-] > [class^=content-] > [class^=applicationStore-] section[class*=container-] > [class^=upperContainer-] > [class*=search-] { margin: 0 !important; } @@ -5455,7 +5788,13 @@ div[class^="sidebar-"]:not(:has(> [class^="side-"])) min-height: 40px !important; } [class^="channelTextArea-"] [class^="buttons-"], -[class^="channelTextArea-"] [class^="attachWrapper-"] { +[class^="channelTextArea-"] [class^="attachWrapper-"], +[class^="chatContent-"] + > form + [class^="channelTextArea"] + > [class^="scrollableContainer-"] + > [class^="inner-"] + > [class^="textArea-"] { height: 40px; } [class^="channelTextArea-"] [class^="attachWrapper-"] { @@ -5713,17 +6052,16 @@ div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) [class^="containerDefault-"][class*="selected-"] [class^="iconVisibility-"] - > [class^="content-"] + [class^="linkTop-"] > [class^="children-"], div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) [class^="containerDefault-"] [class^="iconVisibility-"][class*="modeSelected-"] - > [class^="content-"] + [class^="linkTop-"] > [class^="children-"], div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) [class^="iconVisibility-"]:not([class*="typeThread-"]) - > [class^="content-"] - > [class^="mainContent-"] + [class^="linkTop-"] > [class^="name-"], div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) [class^="containerDefault-"] @@ -5731,12 +6069,12 @@ div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) [class^="containerDefault-"] [class^="voiceUser-"] - > [class^="content-"] + [class^="linkTop-"] > [class^="icons-"], div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) [class^="containerDefault-"] [class^="voiceUser-"] - > [class^="content-"] + [class^="linkTop-"] > [class*="username-"] { display: none; } @@ -5744,8 +6082,7 @@ div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) [class^="containerDefault-"] [class^="iconVisibility-"][class*="typeThread-"] - > [class^="content-"] - > [class^="mainContent-"] + [class^="linkTop-"] > [class^="name-"] { margin-left: 20px; } @@ -5777,7 +6114,30 @@ div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) } div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) - [class*="unreadBar-"] > span { + > nav[class^="container-"] + > [class^="container-"][class*="bottom-"] + > [class^="containerPadding-"] + > [class^="bar-"] { + width: 32px !important; +} + +div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) + > nav[class^="container-"] + > [class^="container-"][class*="bottom-"] + > [class^="containerPadding-"] + > [class^="bar-"] + > svg { + display: none; +} + +div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) + [class*="unreadBar-"] > span, +div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) + > nav[class^="container-"] + > [class^="container-"][class*="bottom-"] + > [class^="containerPadding-"] + > [class^="bar-"] + > [class*="barText-"] { overflow: hidden; white-space: nowrap; text-overflow: clip; @@ -5922,17 +6282,16 @@ div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) [class^="containerDefault-"][class*="selected-"] [class^="iconVisibility-"] - > [class^="content-"] + [class^="linkTop-"] > [class^="children-"], div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) [class^="containerDefault-"] [class^="iconVisibility-"][class*="modeSelected-"] - > [class^="content-"] + [class^="linkTop-"] > [class^="children-"], div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) [class^="iconVisibility-"]:not([class*="typeThread-"]) - > [class^="content-"] - > [class^="mainContent-"] + [class^="linkTop-"] > [class^="name-"], div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) [class^="containerDefault-"] @@ -5940,12 +6299,12 @@ div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) [class^="containerDefault-"] [class^="voiceUser-"] - > [class^="content-"] + [class^="linkTop-"] > [class^="icons-"], div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) [class^="containerDefault-"] [class^="voiceUser-"] - > [class^="content-"] + [class^="linkTop-"] > [class*="username-"] { display: none; } @@ -5953,8 +6312,7 @@ div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) [class^="containerDefault-"] [class^="iconVisibility-"][class*="typeThread-"] - > [class^="content-"] - > [class^="mainContent-"] + [class^="linkTop-"] > [class^="name-"] { margin-left: 20px; } @@ -5986,7 +6344,30 @@ div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) } div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) - [class*="unreadBar-"] > span { + > nav[class^="container-"] + > [class^="container-"][class*="bottom-"] + > [class^="containerPadding-"] + > [class^="bar-"] { + width: 32px !important; +} + +div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) + > nav[class^="container-"] + > [class^="container-"][class*="bottom-"] + > [class^="containerPadding-"] + > [class^="bar-"] + > svg { + display: none; +} + +div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) + [class*="unreadBar-"] > span, +div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) + > nav[class^="container-"] + > [class^="container-"][class*="bottom-"] + > [class^="containerPadding-"] + > [class^="bar-"] + > [class*="barText-"] { overflow: hidden; white-space: nowrap; text-overflow: clip; @@ -6132,17 +6513,16 @@ div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) [class^="containerDefault-"][class*="selected-"] [class^="iconVisibility-"] - > [class^="content-"] + [class^="linkTop-"] > [class^="children-"], div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) [class^="containerDefault-"] [class^="iconVisibility-"][class*="modeSelected-"] - > [class^="content-"] + [class^="linkTop-"] > [class^="children-"], div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) [class^="iconVisibility-"]:not([class*="typeThread-"]) - > [class^="content-"] - > [class^="mainContent-"] + [class^="linkTop-"] > [class^="name-"], div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) [class^="containerDefault-"] @@ -6150,12 +6530,12 @@ div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) [class^="containerDefault-"] [class^="voiceUser-"] - > [class^="content-"] + [class^="linkTop-"] > [class^="icons-"], div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) [class^="containerDefault-"] [class^="voiceUser-"] - > [class^="content-"] + [class^="linkTop-"] > [class*="username-"] { display: none; } @@ -6163,8 +6543,7 @@ div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) [class^="containerDefault-"] [class^="iconVisibility-"][class*="typeThread-"] - > [class^="content-"] - > [class^="mainContent-"] + [class^="linkTop-"] > [class^="name-"] { margin-left: 20px; } @@ -6196,7 +6575,30 @@ div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) } div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) - [class*="unreadBar-"] > span { + > nav[class^="container-"] + > [class^="container-"][class*="bottom-"] + > [class^="containerPadding-"] + > [class^="bar-"] { + width: 32px !important; +} + +div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) + > nav[class^="container-"] + > [class^="container-"][class*="bottom-"] + > [class^="containerPadding-"] + > [class^="bar-"] + > svg { + display: none; +} + +div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) + [class*="unreadBar-"] > span, +div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) + > nav[class^="container-"] + > [class^="container-"][class*="bottom-"] + > [class^="containerPadding-"] + > [class^="bar-"] + > [class*="barText-"] { overflow: hidden; white-space: nowrap; text-overflow: clip; @@ -6342,17 +6744,16 @@ div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) [class^="containerDefault-"][class*="selected-"] [class^="iconVisibility-"] - > [class^="content-"] + [class^="linkTop-"] > [class^="children-"], div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) [class^="containerDefault-"] [class^="iconVisibility-"][class*="modeSelected-"] - > [class^="content-"] + [class^="linkTop-"] > [class^="children-"], div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) [class^="iconVisibility-"]:not([class*="typeThread-"]) - > [class^="content-"] - > [class^="mainContent-"] + [class^="linkTop-"] > [class^="name-"], div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) [class^="containerDefault-"] @@ -6360,12 +6761,12 @@ div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) [class^="containerDefault-"] [class^="voiceUser-"] - > [class^="content-"] + [class^="linkTop-"] > [class^="icons-"], div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) [class^="containerDefault-"] [class^="voiceUser-"] - > [class^="content-"] + [class^="linkTop-"] > [class*="username-"] { display: none; } @@ -6373,8 +6774,7 @@ div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) [class^="containerDefault-"] [class^="iconVisibility-"][class*="typeThread-"] - > [class^="content-"] - > [class^="mainContent-"] + [class^="linkTop-"] > [class^="name-"] { margin-left: 20px; } @@ -6406,7 +6806,30 @@ div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) } div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) - [class*="unreadBar-"] > span { + > nav[class^="container-"] + > [class^="container-"][class*="bottom-"] + > [class^="containerPadding-"] + > [class^="bar-"] { + width: 32px !important; +} + +div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) + > nav[class^="container-"] + > [class^="container-"][class*="bottom-"] + > [class^="containerPadding-"] + > [class^="bar-"] + > svg { + display: none; +} + +div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) + [class*="unreadBar-"] > span, +div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) + > nav[class^="container-"] + > [class^="container-"][class*="bottom-"] + > [class^="containerPadding-"] + > [class^="bar-"] + > [class*="barText-"] { overflow: hidden; white-space: nowrap; text-overflow: clip;