diff --git a/src/fixes.less b/src/fixes.less index ec9a949..9a6e06a 100644 --- a/src/fixes.less +++ b/src/fixes.less @@ -35,16 +35,16 @@ div[class^="messagesWrapper-"] div { } #emoji-picker-tab-panel { + z-index: 0; &:not([role="dialog"]) { // if add reaction (role=dialog), it breaks position: absolute; top: 0; bottom: 0; left: 0; right: 0; } - div[class^="wrapper-"] { top: 0; - border-radius: 5px 0 0 5px; // for add reaction + border-radius: 8px; } } diff --git a/src/func.less b/src/func.less index d3cef81..53ee288 100644 --- a/src/func.less +++ b/src/func.less @@ -29,3 +29,26 @@ height: 0 !important; } +.bot(@text: 'BOT', @height: 16px) { + @offset: (@height / 4); + display: inline-block; + content: @text; + height: @height; + padding: 0 @offset; + margin: @offset 0 0 @offset; + border-radius: @offset; + background: var(--brand-experiment); + color: #fff; + font-size: (@height - @offset); + line-height: ($font-size * 1.25); + vertical-align: top; +} + +.verify(@id) { + div.message-2CShn3 img.avatar-2e8lTP[src*="/@{id}/"] + .header-2jRmjb > .headerText-2z4IhQ::after + { .bot('✓DEV', 16px); } + // Replies + div.repliedMessage-3Z6XBG img.replyAvatar-sHd2sU[src*="/@{id}/"] + span::after + { .bot('✓DEV', 12px); } +} + diff --git a/src/hide.less b/src/hide.less index b8bc2b5..f5fa381 100644 --- a/src/hide.less +++ b/src/hide.less @@ -20,7 +20,9 @@ div[class^="art-"], // Nicks [class^="username-"] { li[class^="messageListItem-"] - [class*="cozyMessage-"] &, // inside message + [class*="cozyMessage-"] & { + color: var(--header-primary) !important; + } :not([class^="headerText-"]) > div[class*="nameTag-"] &, // outside message { &:extend(.hide); } diff --git a/src/profile.less b/src/profile.less index d44c36c..44351c0 100644 --- a/src/profile.less +++ b/src/profile.less @@ -36,10 +36,10 @@ div[class^="accountProfileCard-"] div[class^="userInfo-"] { div[class^="avatarWrapper"], div[class*="avatarUploaderNormal-"] { position: relative; - margin-top: 8px; top: 8px; left: 0; - align-self: center; + width: max-content; + margin: 0 auto; } div[class^="headerText-"] { diff --git a/src/settings.less b/src/settings.less index 3ec4f6b..e5c1750 100644 --- a/src/settings.less +++ b/src/settings.less @@ -85,14 +85,26 @@ div[aria-controls="partner-tab"], } } -#profile-customization-tab div[class^="children"] -div[class^="baseLayout-"] { - & > div:not([class]) { - width: 100%; +// TrY AnImAtEd AvAtAr, eh... f you +[class^="optionBox-"]:nth-child(2) +{ &:extend(.nitro); } - div[class^="customizationSection-"] { - &:nth-child(2), &:nth-child(3) { - &:extend(.nitro); +#profile-customization-tab { + div.tabBar-2WK2Dm { + &:extend(.nitro); + + + * { + margin-top: 16px; + } + } + + div.baseLayout-8AMrwn { + & > div:not([class]) { + width: 100%; + + div.customizationSection-IGy2fS { + &:nth-child(2), &:nth-child(3) + { &:extend(.nitro); } } } } @@ -102,9 +114,29 @@ div[class^="baseLayout-"] { } } -// TrY AnImAtEd AvAtAr, eh... f you -[class^="optionBox-"]:nth-child(2) -{ &:extend(.nitro); } +#privacy-\&-safety-tab { + .marginBottom40-fvAlAV { + &:first-child div[role=radiogroup], + &:nth-child(3) + { .horiz-tab(3); } + &:nth-child(2) + { .horiz-tab(); } + + &:nth-child(3) { + h3 ~ * { + min-width: 100%; + } + } + + &:nth-child(2), &:nth-child(3) { + & > :first-child + { min-width: 100%; } + } + + &:last-child + { &:extend(.nitro); } + } +} #connections-tab div[class^="children-"] { flex-direction: row; diff --git a/src/style.less b/src/style.less index 731fa54..9bd873b 100644 --- a/src/style.less +++ b/src/style.less @@ -174,15 +174,22 @@ div[class^="channelTextArea-"] { } [role="menu"], -[role="dialog"]:not([class^="focusLock-"]), +[role="dialog"]:not(.focusLock-2tveLW):not(#emoji-picker-tab-panel), div[class^="focusLock-"] > div, div[class^="channelHeader-"], div[class^="layers-"] > div[class^="layer-"] div[class*="View-"], div[class*="stickyHeader-"], +div.emojiPicker-6YCk8a, +div.header-1XpmZs, +div.popoutContainer-2wbmiM, { &:extend(.acrylic all); } +.wrapper-1NNaWG::after { + display: none; +} + // status picker #status-picker > div { display: flex; @@ -192,7 +199,7 @@ div[class*="stickyHeader-"], #status-picker-idle, #status-picker-dnd, #status-picker-invisible { - margin: 8px; + padding: 8px; & > div { padding: 0; @@ -235,3 +242,7 @@ div[id^="message-accessories-"] { } } } + +// Verified! +.verify('785219544364351499'); +