This commit is contained in:
Mirco Wittrien 2021-05-28 16:14:39 +02:00
parent ceb912e5ad
commit 942981c79d
4 changed files with 57 additions and 50 deletions

View File

@ -7535,7 +7535,7 @@ module.exports = (_ => {
}) : child)
}),
this.props.errorMessage ? BDFDB.ReactUtils.createElement(InternalComponents.LibraryComponents.TextElement, {
className: BDFDB.disCN.carderror,
className: BDFDB.disCN.margintop8,
size: InternalComponents.LibraryComponents.TextElement.Sizes.SIZE_12,
color: InternalComponents.LibraryComponents.TextElement.Colors.STATUS_RED,
children: this.props.errorMessage

View File

@ -1124,7 +1124,6 @@
"CallDetails": {"props": ["container", "hotspot"]},
"CallIncoming": {"props": ["wrapper", "mainChannelInfo"]},
"Card": {"props": ["card", "cardBrand"]},
"CardStatus": {"props": ["reset", "error", "card"]},
"Category": {"props": ["wrapper", "children", "addButtonIcon"]},
"CategoryArrow": {"props": ["arrow", "open"]},
"ChangeLog": {"props": ["added", "fixed", "improved", "progress"]},
@ -1302,6 +1301,7 @@
"UserBadges": {"props": ["profileBadgeStaff", "profileBadgePremium"]},
"UserInfo": {"props": ["userInfo", "discordTag"]},
"UserPopout": {"props": ["headerNormal", "profileBadges"]},
"UserPopoutBanner": {"props": ["profileBanner", "profileBannerPremium"]},
"UserPopoutWrapper": {"props": ["userPopout", "rolesList"]},
"UserProfile": {"props": ["topSectionNormal", "tabBarContainer"]},
"UserSettingsAppearancePreview": {"props": ["preview", "firstMessage"]},
@ -1598,6 +1598,8 @@
"avatarnoicon": ["AvatarIcon", "noIcon"],
"avatarpointer": ["Avatar", "pointer"],
"avatarpointerevents": ["Avatar", "pointerEvents"],
"avatarstack": ["Avatar", "avatarStack"],
"avatarsvg": ["Avatar", "svg"],
"avatarwrapper": ["Avatar", "wrapper"],
"backdrop": ["Backdrop", "backdrop"],
"backdropwithlayer": ["Backdrop", "withLayer"],
@ -1684,12 +1686,10 @@
"cardbrandoutline": ["Card", "cardBrandOutline"],
"carddanger": ["Card", "cardDanger"],
"carddangeroutline": ["Card", "cardDangerOutline"],
"carderror": ["CardStatus", "error"],
"cardprimary": ["Card", "cardPrimary"],
"cardprimaryeditable": ["Card", "cardPrimaryEditable"],
"cardprimaryoutline": ["Card", "cardPrimaryOutline"],
"cardprimaryoutlineeditable": ["Card", "cardPrimaryOutlineEditable"],
"cardreset": ["CardStatus", "reset"],
"cardsuccess": ["Card", "cardSuccess"],
"cardsuccessoutline": ["Card", "cardSuccessOutline"],
"cardwarning": ["Card", "cardWarning"],
@ -2984,6 +2984,7 @@
"uploadmodal": ["UploadModal", "uploadModal"],
"userbadges": ["UserBadges", "container"],
"userbadgescolored": ["UserBadges", "colored"],
"userbadgespopout": ["UserPopout", "profileBadges"],
"userinfo": ["UserInfo", "userInfo"],
"userinfoavatar": ["UserInfo", "avatar"],
"userinfodate": ["BDFDB", "userInfoDate"],
@ -3004,6 +3005,9 @@
"userpopoutavatarwrappernonuserbot": ["UserPopout", "avatarWrapperNonUserBot"],
"userpopoutavatarwrapper": ["UserPopout", "avatarWrapper"],
"userpopoutavatarwrappernormal": ["UserPopout", "avatarWrapperNormal"],
"userpopoutbanner": ["UserPopoutBanner", "banner"],
"userpopoutbannernormal": ["UserPopoutBanner", "profileBanner"],
"userpopoutbannerpremium": ["UserPopoutBanner", "profileBannerPremium"],
"userpopoutbody": ["UserPopoutWrapper", "body"],
"userpopoutbodyinnerwrapper": ["UserPopoutWrapper", "bodyInnerWrapper"],
"userpopoutbodytitle": ["UserPopoutWrapper", "bodyTitle"],
@ -3015,7 +3019,8 @@
"userpopoutfooter": ["UserPopoutWrapper", "footer"],
"userpopoutheaderbottag": ["UserPopout", "headerBotTag"],
"userpopoutheaderbottagwithnickname": ["UserPopout", "headerBotTagWithNickname"],
"userpopoutheadertagdiscriminatornonickname": ["UserPopout", "headerTagDiscriminatorNoNickname"],
"userpopoutheaderdiscriminatorbase": ["UserPopout", "discrimBase"],
"userpopoutheaderdiscriminatornonickname": ["UserPopout", "headerTagDiscriminatorNoNickname"],
"userpopoutheadernickname": ["UserPopout", "nickname"],
"userpopoutheadernormal": ["UserPopout", "headerNormal"],
"userpopoutheadertag": ["UserPopout", "headerTag"],

View File

@ -466,8 +466,9 @@ img:not([src]), img[src=""], img[src="null"] {
margin-top: 4px !important;
}
[REPLACE_CLASS_userinfodate] {
user-select: text;
color: var(--header-secondary);
margin-top: 8px;
user-select: text;
}
[REPLACE_CLASS_userinfodate] + [REPLACE_CLASS_userinfodate] {
margin-top: 0;
@ -475,15 +476,6 @@ img:not([src]), img[src=""], img[src="null"] {
[REPLACE_CLASS_userinfodate] + *:not([REPLACE_CLASS_userinfodate]) {
margin-top: 6px;
}
[REPLACE_CLASS_userpopout] [REPLACE_CLASS_userinfodate] {
color: var(--header-secondary);
}
[REPLACE_CLASS_userprofile] [REPLACE_CLASS_userinfodate] {
color: var(--header-secondary);
}
[REPLACE_CLASS_userpopout] [REPLACE_CLASS_userpopoutheader]:not([class*='headerNormal']) [REPLACE_CLASS_userinfodate] {
color: hsla(0,0%,100%,.6);
}
[REPLACE_CLASS_userprofile] [class*='topSection']:not([class*='topSectionNormal']) [REPLACE_CLASS_userinfodate] {
color: hsla(0,0%,100%,.6);
}

View File

@ -1280,9 +1280,11 @@
<div tabindex="0" aria-controls="popout_47" aria-expanded="false" aria-label="Set status" role="button">
<div tabindex="0" aria-label="Set status" class="REPLACE_CLASS_accountinfoavatarwrapper" role="button">
<div class="REPLACE_CLASS_accountinfoavatar REPLACE_CLASS_avatarwrapper" role="img" aria-label="DevilBro, Online" aria-hidden="false" style="width: 32px; height: 32px;">
<svg width="40" height="32" viewBox="0 0 40 32" class="REPLACE_CLASS_avatarmask" aria-hidden="true">
<svg width="40" height="32" viewBox="0 0 40 32" class="REPLACE_CLASS_avatarmask REPLACE_CLASS_avatarsvg" aria-hidden="true">
<foreignObject x="0" y="0" width="32" height="32" mask="url(#svg-mask-avatar-status-round-32)">
<img src="REPLACE_AVATAR" alt=" " class="REPLACE_CLASS_avatar" aria-hidden="true">
<div class="REPLACE_CLASS_avatarstack">
<img src="REPLACE_AVATAR" alt=" " class="REPLACE_CLASS_avatar" aria-hidden="true">
</div>
</foreignObject>
<rect width="10" height="10" x="22" y="22" fill="#43b581" mask="url(#svg-mask-status-online)" class="REPLACE_CLASS_avatarpointerevents"></rect>
</svg>
@ -2215,9 +2217,11 @@
<div class="REPLACE_CLASS_namecontainerlayout">
<div class="REPLACE_CLASS_namecontaineravatar">
<div class="REPLACE_CLASS_avatarwrapper" role="img" aria-label="DevilBro, Idle" aria-hidden="false" style="width: 32px; height: 32px;">
<svg width="40" height="32" viewBox="0 0 40 32" class="REPLACE_CLASS_avatarmask" aria-hidden="true">
<svg width="40" height="32" viewBox="0 0 40 32" class="REPLACE_CLASS_avatarmask REPLACE_CLASS_avatarsvg" aria-hidden="true">
<foreignObject x="0" y="0" width="32" height="32" mask="url(#svg-mask-avatar-status-round-32)">
<img src="https://discord.com/assets/6f26ddd1bf59740c536d2274bb834a05.png?size=" alt=" " class="REPLACE_CLASS_avatar" aria-hidden="true">
<div class="REPLACE_CLASS_avatarstack">
<img src="https://discord.com/assets/6f26ddd1bf59740c536d2274bb834a05.png?size=" alt=" " class="REPLACE_CLASS_avatar" aria-hidden="true">
</div>
</foreignObject>
<rect width="10" height="10" x="22" y="22" fill="#faa61a" mask="url(#svg-mask-status-idle)" class="REPLACE_CLASS_avatarpointerevents"></rect>
</svg>
@ -2250,9 +2254,11 @@
<div class="REPLACE_CLASS_namecontainerlayout">
<div class="REPLACE_CLASS_namecontaineravatar">
<div class="REPLACE_CLASS_avatarwrapper" role="img" aria-label="REPLACE_USERNAME, Online" aria-hidden="false" style="width: 32px; height: 32px;">
<svg width="40" height="32" viewBox="0 0 40 32" class="REPLACE_CLASS_avatarmask" aria-hidden="true">
<svg width="40" height="32" viewBox="0 0 40 32" class="REPLACE_CLASS_avatarmask REPLACE_CLASS_avatarsvg" aria-hidden="true">
<foreignObject x="0" y="0" width="32" height="32" mask="url(#svg-mask-avatar-status-round-32)">
<img src="REPLACE_AVATAR" alt=" " class="REPLACE_CLASS_avatar" aria-hidden="true">
<div class="REPLACE_CLASS_avatarstack">
<img src="REPLACE_AVATAR" alt=" " class="REPLACE_CLASS_avatar" aria-hidden="true">
</div>
</foreignObject>
<rect width="10" height="10" x="22" y="22" fill="#43b581" mask="url(#svg-mask-status-online)" class="REPLACE_CLASS_avatarpointerevents"></rect>
</svg>
@ -2279,9 +2285,11 @@
<div class="REPLACE_CLASS_namecontainerlayout">
<div class="REPLACE_CLASS_namecontaineravatar">
<div class="REPLACE_CLASS_avatarwrapper" role="img" aria-label="Bad Bot, Streaming" aria-hidden="false" style="width: 32px; height: 32px;">
<svg width="40" height="32" viewBox="0 0 40 32" class="REPLACE_CLASS_avatarmask" aria-hidden="true">
<svg width="40" height="32" viewBox="0 0 40 32" class="REPLACE_CLASS_avatarmask REPLACE_CLASS_avatarsvg" aria-hidden="true">
<foreignObject x="0" y="0" width="32" height="32" mask="url(#svg-mask-avatar-status-round-32)">
<img src="https://discord.com/assets/3c6ccb83716d1e4fb91d3082f6b21d77.png?size=" alt=" " class="REPLACE_CLASS_avatar" aria-hidden="true">
<div class="REPLACE_CLASS_avatarstack">
<img src="https://discord.com/assets/3c6ccb83716d1e4fb91d3082f6b21d77.png?size=" alt=" " class="REPLACE_CLASS_avatar" aria-hidden="true">
</div>
</foreignObject>
<rect width="10" height="10" x="22" y="22" fill="#593695" mask="url(#svg-mask-status-streaming)" class="REPLACE_CLASS_avatarpointerevents"></rect>
</svg>
@ -2314,9 +2322,11 @@
<div class="REPLACE_CLASS_namecontainerlayout">
<div class="REPLACE_CLASS_namecontaineravatar">
<div class="REPLACE_CLASS_avatarwrapper" role="img" aria-label="Anonymous" aria-hidden="false" style="width: 32px; height: 32px;">
<svg width="40" height="32" viewBox="0 0 40 32" class="REPLACE_CLASS_avatarmask" aria-hidden="true">
<svg width="40" height="32" viewBox="0 0 40 32" class="REPLACE_CLASS_avatarmask REPLACE_CLASS_avatarsvg" aria-hidden="true">
<foreignObject x="0" y="0" width="32" height="32" mask="url(#svg-mask-avatar-default)">
<img src="https://discord.com/assets/322c936a8c8be1b803cd94861bdfa868.png?size=128&" alt=" " class="REPLACE_CLASS_avatar" aria-hidden="true">
<div class="REPLACE_CLASS_avatarstack">
<img src="https://discord.com/assets/322c936a8c8be1b803cd94861bdfa868.png?size=128&" alt=" " class="REPLACE_CLASS_avatar" aria-hidden="true">
</div>
</foreignObject>
</svg>
</div>
@ -2349,33 +2359,16 @@
<div class="REPLACE_CLASS_itemlayercontainer">
<div class="REPLACE_CLASS_itemlayer" style="top: 140px; right: 260px;">
<div class="REPLACE_CLASS_animationcontainerleft REPLACE_CLASS_animationcontainertranslate REPLACE_CLASS_animationcontainerrender">
<div class="REPLACE_CLASS_userpopout">
<div aria-label="DevilBro" class="REPLACE_CLASS_userpopout" role="dialog" tabindex="-1" aria-modal="true" style="width: 300px;" data-user-id="278543574059057154">
<div class="REPLACE_CLASS_userpopoutheadernormal">
<div class="REPLACE_CLASS_flex REPLACE_CLASS_flexvertical REPLACE_CLASS_flexjustifycenter REPLACE_CLASS_flexaligncenter REPLACE_CLASS_flexnowrap REPLACE_CLASS_userpopoutheadertop" style="flex: 1 1 auto;">
<div tabindex="0" class="REPLACE_CLASS_userpopoutavatarwrappernormal REPLACE_CLASS_userpopoutavatarwrapper" role="button" user_by_bdfdb="278543574059057154">
<div class="REPLACE_CLASS_avatarwrapper" role="img" aria-label="DevilBro, Idle" aria-hidden="false" style="width: 80px; height: 80px;">
<svg width="92" height="80" viewBox="0 0 92 80" class="REPLACE_CLASS_avatarmask" aria-hidden="true">
<foreignObject x="0" y="0" width="80" height="80" mask="url(#svg-mask-avatar-status-round-80)">
<img src="https://discord.com/assets/6f26ddd1bf59740c536d2274bb834a05.png?size=" alt=" " class="REPLACE_CLASS_avatar" aria-hidden="true">
</foreignObject>
<rect width="16" height="16" x="60" y="60" fill="#faa61a" mask="url(#svg-mask-status-idle)" class="REPLACE_CLASS_avatarpointerevents"></rect>
</svg>
</div>
<svg width="80" height="80" class="REPLACE_CLASS_userpopoutavatarhint" viewBox="0 0 80 80">
<foreignObject x="0" y="0" width="80" height="80" mask="url(#svg-mask-avatar-status-round-80)">
<div class="REPLACE_CLASS_userpopoutavatarhintinner">Show Profile</div>
</foreignObject>
</svg>
</div>
<div class="REPLACE_CLASS_userpopoutbannernormal" style="background-color: rgb(250, 166, 26);"></div>
<div class="REPLACE_CLASS_userpopoutheadertop">
<div class="REPLACE_CLASS_userbadges REPLACE_CLASS_userbadgespopout REPLACE_CLASS_userbadgescolored"></div>
<div class="REPLACE_CLASS_userpopoutheadertext">
<div class="REPLACE_CLASS_userpopoutheadernamewrapper">
<span class="REPLACE_CLASS_userpopoutheadernickname">DevilBro</span>
</div>
<div class="REPLACE_CLASS_flex REPLACE_CLASS_flexhorizontal REPLACE_CLASS_flexjustifystart REPLACE_CLASS_flexaligncenter REPLACE_CLASS_flexnowrap" style="flex: 1 1 auto;">
<div class="REPLACE_CLASS_userpopoutheadertagwithnickname REPLACE_CLASS_nametag">
<span class="REPLACE_CLASS_username">DevilBro</span>
<span>#4401</span>
</div>
<div class="userpopoutheadernickname">DevilBro</div>
<div class="REPLACE_CLASS_userpopoutheadertagwithnickname REPLACE_CLASS_nametag">
<span class="REPLACE_CLASS_username REPLACE_CLASS_userpopoutheadertagusernamebase">DevilBro</span>
<span class="REPLACE_CLASS_userpopoutheaderdiscriminatorbase">#4401</span>
</div>
</div>
<div class="REPLACE_CLASS_userpopoutcustomstatus">
@ -2383,6 +2376,23 @@
<span class="REPLACE_CLASS_userpopoutcustomstatustext">Helping</span>
</div>
</div>
<div class="REPLACE_CLASS_userpopoutavatarwrappernormal REPLACE_CLASS_userpopoutavataravatarpositionnormal" role="button" tabindex="0">
<div class="REPLACE_CLASS_userpopoutavatar REPLACE_CLASS_avatarwrapper" role="img" aria-label="DevilBro, Idle" aria-hidden="false" style="width: 80px; height: 80px;" data-user-id="278543574059057154">
<svg width="92" height="80" viewBox="0 0 92 80" class="REPLACE_CLASS_avatarmask REPLACE_CLASS_avatarsvg" aria-hidden="true">
<foreignObject x="0" y="0" width="80" height="80" mask="url(#svg-mask-avatar-status-round-80)">
<div class="REPLACE_CLASS_avatarstack">
<img src="https://discord.com/assets/6f26ddd1bf59740c536d2274bb834a05.png?size=" alt=" " class="REPLACE_CLASS_avatar" aria-hidden="true">
</div>
</foreignObject>
<rect width="16" height="16" x="60" y="60" fill="#faa61a" mask="url(#svg-mask-status-idle)" class="REPLACE_CLASS_avatarpointerevents"></rect>
</svg>
</div>
<svg width="80" height="80" class="REPLACE_CLASS_userpopoutavatarhint" viewBox="0 0 80 80">
<foreignObject x="0" y="0" width="80" height="80" mask="url(#svg-mask-avatar-status-round-80)">
<div class="REPLACE_CLASS_userpopoutavatarhintinner">Show Profile</div>
</foreignObject>
</svg>
</div>
</div>
<div class="REPLACE_CLASS_userpopoutbody REPLACE_CLASS_scrollerthin REPLACE_CLASS_scrollerfade" style="overflow: hidden scroll; padding-right: 0px;">
<div class="REPLACE_CLASS_userpopoutbodyinnerwrapper">