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 {
|
#emoji-picker-tab-panel {
|
||||||
|
z-index: 0;
|
||||||
&:not([role="dialog"]) {
|
&:not([role="dialog"]) {
|
||||||
// if add reaction (role=dialog), it breaks
|
// if add reaction (role=dialog), it breaks
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 0; bottom: 0;
|
top: 0; bottom: 0;
|
||||||
left: 0; right: 0;
|
left: 0; right: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
div[class^="wrapper-"] {
|
div[class^="wrapper-"] {
|
||||||
top: 0;
|
top: 0;
|
||||||
border-radius: 5px 0 0 5px; // for add reaction
|
border-radius: 8px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -29,3 +29,26 @@
|
||||||
height: 0 !important;
|
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
|
// Nicks
|
||||||
[class^="username-"] {
|
[class^="username-"] {
|
||||||
li[class^="messageListItem-"]
|
li[class^="messageListItem-"]
|
||||||
[class*="cozyMessage-"] &, // inside message
|
[class*="cozyMessage-"] & {
|
||||||
|
color: var(--header-primary) !important;
|
||||||
|
}
|
||||||
:not([class^="headerText-"])
|
:not([class^="headerText-"])
|
||||||
> div[class*="nameTag-"] &, // outside message
|
> div[class*="nameTag-"] &, // outside message
|
||||||
{ &:extend(.hide); }
|
{ &:extend(.hide); }
|
||||||
|
|
|
@ -36,10 +36,10 @@ div[class^="accountProfileCard-"] div[class^="userInfo-"] {
|
||||||
div[class^="avatarWrapper"],
|
div[class^="avatarWrapper"],
|
||||||
div[class*="avatarUploaderNormal-"] {
|
div[class*="avatarUploaderNormal-"] {
|
||||||
position: relative;
|
position: relative;
|
||||||
margin-top: 8px;
|
|
||||||
top: 8px;
|
top: 8px;
|
||||||
left: 0;
|
left: 0;
|
||||||
align-self: center;
|
width: max-content;
|
||||||
|
margin: 0 auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
div[class^="headerText-"] {
|
div[class^="headerText-"] {
|
||||||
|
|
|
@ -85,14 +85,26 @@ div[aria-controls="partner-tab"],
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
#profile-customization-tab div[class^="children"]
|
// TrY AnImAtEd AvAtAr, eh... f you
|
||||||
div[class^="baseLayout-"] {
|
[class^="optionBox-"]:nth-child(2)
|
||||||
|
{ &:extend(.nitro); }
|
||||||
|
|
||||||
|
#profile-customization-tab {
|
||||||
|
div.tabBar-2WK2Dm {
|
||||||
|
&:extend(.nitro);
|
||||||
|
|
||||||
|
+ * {
|
||||||
|
margin-top: 16px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
div.baseLayout-8AMrwn {
|
||||||
& > div:not([class]) {
|
& > div:not([class]) {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
|
||||||
div[class^="customizationSection-"] {
|
div.customizationSection-IGy2fS {
|
||||||
&:nth-child(2), &:nth-child(3) {
|
&:nth-child(2), &:nth-child(3)
|
||||||
&:extend(.nitro);
|
{ &:extend(.nitro); }
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -102,9 +114,29 @@ div[class^="baseLayout-"] {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// TrY AnImAtEd AvAtAr, eh... f you
|
#privacy-\&-safety-tab {
|
||||||
[class^="optionBox-"]:nth-child(2)
|
.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); }
|
{ &:extend(.nitro); }
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
#connections-tab div[class^="children-"] {
|
#connections-tab div[class^="children-"] {
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
|
|
|
@ -174,15 +174,22 @@ div[class^="channelTextArea-"] {
|
||||||
}
|
}
|
||||||
|
|
||||||
[role="menu"],
|
[role="menu"],
|
||||||
[role="dialog"]:not([class^="focusLock-"]),
|
[role="dialog"]:not(.focusLock-2tveLW):not(#emoji-picker-tab-panel),
|
||||||
div[class^="focusLock-"] > div,
|
div[class^="focusLock-"] > div,
|
||||||
div[class^="channelHeader-"],
|
div[class^="channelHeader-"],
|
||||||
div[class^="layers-"] > div[class^="layer-"] div[class*="View-"],
|
div[class^="layers-"] > div[class^="layer-"] div[class*="View-"],
|
||||||
div[class*="stickyHeader-"],
|
div[class*="stickyHeader-"],
|
||||||
|
div.emojiPicker-6YCk8a,
|
||||||
|
div.header-1XpmZs,
|
||||||
|
div.popoutContainer-2wbmiM,
|
||||||
{
|
{
|
||||||
&:extend(.acrylic all);
|
&:extend(.acrylic all);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.wrapper-1NNaWG::after {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
// status picker
|
// status picker
|
||||||
#status-picker > div {
|
#status-picker > div {
|
||||||
display: flex;
|
display: flex;
|
||||||
|
@ -192,7 +199,7 @@ div[class*="stickyHeader-"],
|
||||||
#status-picker-idle,
|
#status-picker-idle,
|
||||||
#status-picker-dnd,
|
#status-picker-dnd,
|
||||||
#status-picker-invisible {
|
#status-picker-invisible {
|
||||||
margin: 8px;
|
padding: 8px;
|
||||||
& > div {
|
& > div {
|
||||||
padding: 0;
|
padding: 0;
|
||||||
|
|
||||||
|
@ -235,3 +242,7 @@ div[id^="message-accessories-"] {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// Verified!
|
||||||
|
.verify('785219544364351499');
|
||||||
|
|
||||||
|
|
Loading…
Reference in a new issue