fix toolbar size for compacter

This commit is contained in:
Cynthia Foxwell 2023-10-08 12:37:56 -06:00
parent 0968534983
commit 78f6f5d335

View file

@ -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;