Update
Bugfixes. Bot and developer labels. Developer label shows on creator (ertu#9255). Nicks in chat were returned. Updated Profiles and Privacy and safety pages.
This commit is contained in:
parent
90b5e13544
commit
7e0d36b59e
6 changed files with 85 additions and 17 deletions
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
@ -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); }
|
||||
}
|
||||
|
||||
|
|
|
@ -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); }
|
||||
|
|
|
@ -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-"] {
|
||||
|
|
|
@ -85,14 +85,26 @@ div[aria-controls="partner-tab"],
|
|||
}
|
||||
}
|
||||
|
||||
#profile-customization-tab div[class^="children"]
|
||||
div[class^="baseLayout-"] {
|
||||
// TrY AnImAtEd AvAtAr, eh... f you
|
||||
[class^="optionBox-"]:nth-child(2)
|
||||
{ &:extend(.nitro); }
|
||||
|
||||
#profile-customization-tab {
|
||||
div.tabBar-2WK2Dm {
|
||||
&:extend(.nitro);
|
||||
|
||||
+ * {
|
||||
margin-top: 16px;
|
||||
}
|
||||
}
|
||||
|
||||
div.baseLayout-8AMrwn {
|
||||
& > div:not([class]) {
|
||||
width: 100%;
|
||||
|
||||
div[class^="customizationSection-"] {
|
||||
&:nth-child(2), &:nth-child(3) {
|
||||
&:extend(.nitro);
|
||||
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)
|
||||
#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;
|
||||
|
|
|
@ -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');
|
||||
|
||||
|
|
Loading…
Reference in a new issue