This commit is contained in:
Mirco Wittrien 2019-10-09 16:32:54 +02:00
parent f9e8801088
commit 2f73d7fd5a
3 changed files with 83 additions and 80 deletions

File diff suppressed because one or more lines are too long

View File

@ -1909,7 +1909,7 @@ var BDFDB = {myPlugins: BDFDB && BDFDB.myPlugins ? BDFDB.myPlugins : {}, BDv2Api
};
BDFDB.readServerList = function () {
var found = [], ins = BDFDB.getOwnerInstance({node:document.querySelector(BDFDB.dotCN.guilds), name:['Guild','GuildIcon'], all:true, noCopies:true, depth:99999999, time:99999999});
var found = [], ins = BDFDB.getOwnerInstance({node:document.querySelector(BDFDB.dotCN.guilds), name: ['Guild','GuildIcon'], all:true, noCopies:true, depth:99999999, time:99999999});
for (let info in ins) if (ins[info].props && ins[info].props.guild) found.push(Object.assign(new ins[info].props.guild.constructor(ins[info].props.guild), {div:ins[info].handleContextMenu ? BDFDB.React.findDOMNodeSafe(ins[info]) : BDFDB.createServerDivCopy(ins[info].props.guild), instance:ins[info]}));
return found;
};
@ -2105,7 +2105,7 @@ var BDFDB = {myPlugins: BDFDB && BDFDB.myPlugins ? BDFDB.myPlugins : {}, BDv2Api
};
BDFDB.readChannelList = function () {
var found = [], ins = BDFDB.getOwnerInstance({node:document.querySelector(BDFDB.dotCN.channels), name:['ChannelCategoryItem', 'ChannelItem', 'PrivateChannel'], all:true, noCopies:true, depth:99999999, time:99999999});
var found = [], ins = BDFDB.getOwnerInstance({node:document.querySelector(BDFDB.dotCN.channels), name: ['ChannelCategoryItem', 'ChannelItem', 'PrivateChannel'], all:true, noCopies:true, depth:99999999, time:99999999});
for (let info in ins) if (ins[info].props && !ins[info].props.ispin && ins[info].props.channel && ins[info]._reactInternalFiber.return) {
var div = BDFDB.React.findDOMNodeSafe(ins[info]);
div = div && BDFDB.containsClass(div.parentElement, BDFDB.disCN.categorycontainerdefault, BDFDB.disCN.channelcontainerdefault, false) ? div.parentElement : div;
@ -4029,6 +4029,7 @@ var BDFDB = {myPlugins: BDFDB && BDFDB.myPlugins ? BDFDB.myPlugins : {}, BDv2Api
DiscordClassModules.GuildsWrapper = BDFDB.WebModules.findByProperties('scrollerWrap', 'unreadMentionsBar', 'wrapper');
DiscordClassModules.HeaderBar = BDFDB.WebModules.findByProperties('container', 'children', 'toolbar');
DiscordClassModules.HeaderBarExtras = BDFDB.WebModules.findByProperties('headerBarLoggedOut', 'search');
DiscordClassModules.HeaderBarSearch = BDFDB.WebModules.findByProperties('search', 'searchBar', 'open');
DiscordClassModules.HeaderBarTopic = BDFDB.WebModules.findByProperties('topic', 'expandable', 'content');
DiscordClassModules.HomeIcon = BDFDB.WebModules.findByProperties('homeIcon');
DiscordClassModules.HotKeyRecorder = BDFDB.WebModules.findByProperties('editIcon', 'recording');
@ -4050,6 +4051,7 @@ var BDFDB = {myPlugins: BDFDB && BDFDB.myPlugins ? BDFDB.myPlugins : {}, BDv2Api
DiscordClassModules.Message = BDFDB.WebModules.findByProperties('containerCozy', 'content');
DiscordClassModules.MessageAccessory = BDFDB.WebModules.findByProperties('embedWrapper', 'gifFavoriteButton');
DiscordClassModules.MessageBody = BDFDB.WebModules.findByProperties('buttonContainer', 'isMentioned');
DiscordClassModules.MessageElements = BDFDB.WebModules.findByProperties('messageGroupBlockedBtn', 'dividerRed');
DiscordClassModules.MessageFile = BDFDB.WebModules.findByProperties('cancelButton', 'filenameLinkWrapper');
DiscordClassModules.MessageMarkup = BDFDB.WebModules.findByProperties('markup');
DiscordClassModules.MessageSystem = BDFDB.WebModules.findByProperties('container', 'actionAnchor');
@ -4094,6 +4096,7 @@ var BDFDB = {myPlugins: BDFDB && BDFDB.myPlugins ? BDFDB.myPlugins : {}, BDv2Api
DiscordClassModules.Table = BDFDB.WebModules.findByProperties('stickyHeader', 'emptyStateText');
DiscordClassModules.Text = BDFDB.WebModules.findByProperties('defaultColor', 'defaultMarginh1');
DiscordClassModules.TextColor = BDFDB.WebModules.findByProperties('colorStandard', 'colorMuted', 'colorError');
DiscordClassModules.TextColor2 = BDFDB.WebModules.findByProperties('base', 'muted', 'wrapper');
DiscordClassModules.TextSize = BDFDB.WebModules.findByProperties('size10', 'size14', 'size20');
DiscordClassModules.TextStyle = BDFDB.WebModules.findByProperties('large', 'primary', 'selectable');
DiscordClassModules.TextWeight = BDFDB.WebModules.findByProperties('weightBold', 'weightSemiBold');
@ -4260,7 +4263,8 @@ var BDFDB = {myPlugins: BDFDB && BDFDB.myPlugins ? BDFDB.myPlugins : {}, BDv2Api
buttonspinner: ['Button', 'spinner'],
buttonspinneritem: ['Button', 'spinnerItem'],
buttonsubmitting: ['Button', 'submitting'],
callavatar: ['Call', DiscordClassModules.Call.callAvatar ? 'callAvatar' : 'callAvatarVideo'],
callavatarvideo: ['Call', 'callAvatarVideo'],
callavatarvoice: ['Call', 'callAvatarVoice'],
callavatarwrapper: ['Call', 'callAvatarWrapper'],
callcurrentcontainer: ['CallCurrent', 'wrapper'],
callcurrentdetails: ['CallDetails', 'container'],
@ -4324,9 +4328,13 @@ var BDFDB = {myPlugins: BDFDB && BDFDB.myPlugins ? BDFDB.myPlugins : {}, BDv2Api
channelheadertitle: ['ChatWindow', 'title'],
channelheadertitlewrapper: ['ChatWindow', 'titleWrapper'],
channelheadersearch: ['HeaderBarExtras', 'search'],
channelheadersearchbar: ['HeaderBarSearch', 'searchBar'],
channelheadersearchicon: ['HeaderBarSearch', 'icon'],
channelheadersearchinner: ['HeaderBarSearch', 'search'],
channelheadertoolbar: ['HeaderBar', 'toolbar'],
channelheadertoolbar2: ['HeaderBarExtras', 'toolbar'],
channelheadertopic: ['HeaderBarTopic', 'topic'],
channelheadertopicexpandable: ['HeaderBarTopic', 'expandable'],
channelicon: ['Channel', 'icon'],
channeliconvisibility: ['ChannelContainer', 'iconVisibility'],
channelmentionsbadge: ['ChannelContainer', 'mentionsBadge'],
@ -4367,8 +4375,10 @@ var BDFDB = {myPlugins: BDFDB && BDFDB.myPlugins ? BDFDB.myPlugins : {}, BDv2Api
checkboxwrapper: ['Checkbox', 'checkboxWrapper'],
checkboxwrapperdisabled: ['Checkbox', 'checkboxWrapperDisabled'],
clickable: ['Message', 'clickOverride'],
colorbase: ['TextColor2', 'base'],
colorerror: ['TextColor', 'colorError'],
colormuted: ['TextColor', 'colorMuted'],
colormuted2: ['TextColor2', 'muted'],
colorpicker: ['ColorPicker', 'colorPickerCustom'],
colorpickerhexinput: ['ColorPicker', 'customColorPickerInput'],
colorpickerhue: ['ColorPickerInner', 'hue'],
@ -4781,7 +4791,22 @@ var BDFDB = {myPlugins: BDFDB && BDFDB.myPlugins ? BDFDB.myPlugins : {}, BDv2Api
messagedivider: ['Message', 'divider'],
messagedividerenabled: ['Message', 'dividerEnabled'],
messageedited: ['MessageBody', 'edited'],
messagebarbase: ['MessageElements', 'barBase'],
messagebarbuttonalt: ['MessageElements', 'barButtonAlt'],
messagebarbuttonbase: ['MessageElements', 'barButtonBase'],
messagebarbuttonicon: ['MessageElements', 'barButtonIcon'],
messagebarbuttonmain: ['MessageElements', 'barButtonMain'],
messagebarhasmore: ['MessageElements', 'hasMore'],
messagebarjumptopresentbar: ['MessageElements', 'jumpToPresentBar'],
messagebarloadingmore: ['MessageElements', 'loadingMore'],
messagebarnewmessagesbar: ['MessageElements', 'newMessagesBar'],
messagebarspan: ['MessageElements', 'span'],
messagebarspinner: ['MessageElements', 'spinner'],
messagebarspinneritem: ['MessageElements', 'spinnerItem'],
messagegroup: ['Message', 'container'],
messagegroupblocked: ['MessageElements', 'messageGroupBlocked'],
messagegroupblockedbtn: ['MessageElements', 'messageGroupBlockedBtn'],
messagegroupblockedrevealed: ['MessageElements', 'revealed'],
messagegroupcozy: ['Message', 'containerCozy'],
messagegroupcompact: ['Message', 'containerCompact'],
messagegroupwrapper: ['MessagesPopout', 'messageGroupWrapper'],
@ -4829,6 +4854,9 @@ var BDFDB = {myPlugins: BDFDB && BDFDB.myPlugins ? BDFDB.myPlugins : {}, BDv2Api
messageswrapper: ['MessagesWrap', 'messagesWrapper'],
messagesystem: ['MessageSystem', 'container'],
messagesystemcontent: ['MessageSystem', 'content'],
messagetimedivider: ['MessageElements', 'divider'],
messagetimedividerred: ['MessageElements', 'dividerRed'],
messagetimedividercontent: ['MessageElements', 'dividerContent'],
messagetimestampcompact: ['Message', 'timestampCompact'],
messagetimestampcompactismentioned: ['Message', 'timestampCompactIsMentioned'],
messagetimestampcozy: ['Message', 'timestampCozy'],

View File

@ -1153,40 +1153,40 @@
</div>
</div>
</div>
<div class="chat-3bRxxu">
<div class="title-3qD0b- container-1r6BKw themed-ANHk51">
<div class="children-19S4PO">
<div class="iconWrapper-2OrFZ1">
<svg width="24" height="24" viewBox="0 0 24 24" class="icon-22AiRD">
<div class="REPLACE_CLASS_chat">
<div class="REPLACE_CLASS_channelheadertitle REPLACE_CLASS_channelheaderheaderbar REPLACE_CLASS_channelheaderheaderbarthemed">
<div class="REPLACE_CLASS_channelheaderchildren">
<div class="REPLACE_CLASS_channelheadericonwrapper">
<svg width="24" height="24" viewBox="0 0 24 24" class="REPLACE_CLASS_channelheadericon">
<path fill="currentColor" fill-rule="evenodd" clip-rule="evenodd" d="M5.88657 21C5.57547 21 5.3399 20.7189 5.39427 20.4126L6.00001 17H2.59511C2.28449 17 2.04905 16.7198 2.10259 16.4138L2.27759 15.4138C2.31946 15.1746 2.52722 15 2.77011 15H6.35001L7.41001 9H4.00511C3.69449 9 3.45905 8.71977 3.51259 8.41381L3.68759 7.41381C3.72946 7.17456 3.93722 7 4.18011 7H7.76001L8.39677 3.41262C8.43914 3.17391 8.64664 3 8.88907 3H9.87344C10.1845 3 10.4201 3.28107 10.3657 3.58738L9.76001 7H15.76L16.3968 3.41262C16.4391 3.17391 16.6466 3 16.8891 3H17.8734C18.1845 3 18.4201 3.28107 18.3657 3.58738L17.76 7H21.1649C21.4755 7 21.711 7.28023 21.6574 7.58619L21.4824 8.58619C21.4406 8.82544 21.2328 9 20.9899 9H17.41L16.35 15H19.7549C20.0655 15 20.301 15.2802 20.2474 15.5862L20.0724 16.5862C20.0306 16.8254 19.8228 17 19.5799 17H16L15.3632 20.5874C15.3209 20.8261 15.1134 21 14.8709 21H13.8866C13.5755 21 13.3399 20.7189 13.3943 20.4126L14 17H8.00001L7.36325 20.5874C7.32088 20.8261 7.11337 21 6.87094 21H5.88657ZM9.41045 9L8.35045 15H14.3504L15.4104 9H9.41045Z"></path>
</svg>
</div>
<h3 role="button" class="title-29uC1r base-1x0h_U size16-1P40sf">selected text</h3>
<div class="divider-3FBTu8"></div>
<div class="topic-TCb_qw expandable-9fI_e3">This is a Theme Preview inside a Dummy Version of Discord.</div>
<h3 role="button" class="REPLACE_CLASS_channelheaderheaderbartitle REPLACE_CLASS_colorbase REPLACE_CLASS_size16">selected text</h3>
<div class="REPLACE_CLASS_channelheaderdivider"></div>
<div class="REPLACE_CLASS_channelheadertopic REPLACE_CLASS_channelheadertopicexpandable">This is a Theme Preview inside a Dummy Version of Discord.</div>
</div>
<div class="toolbar-1t6TWx">
<div tabindex="0" class="iconWrapper-2OrFZ1 clickable-3rdHwn" role="button">
<svg x="0" y="0" name="Nova_Bell" class="icon-22AiRD" width="24" height="24" viewBox="0 0 24 24" fill="none">
<div class="REPLACE_CLASS_channelheadertoolbar">
<div tabindex="0" class="REPLACE_CLASS_channelheadericonwrapper REPLACE_CLASS_channelheadericonclickable" role="button">
<svg x="0" y="0" name="Nova_Bell" class="REPLACE_CLASS_channelheadericon" width="24" height="24" viewBox="0 0 24 24" fill="none">
<path fill="currentColor" fill-rule="evenodd" clip-rule="evenodd" d="M18 9V14C18 15.657 19.344 17 21 17V18H3V17C4.656 17 6 15.657 6 14V9C6 5.686 8.686 3 12 3C15.314 3 18 5.686 18 9ZM11.9999 21C10.5239 21 9.24793 20.19 8.55493 19H15.4449C14.7519 20.19 13.4759 21 11.9999 21Z"></path>
</svg>
</div>
<div tabindex="0" class="iconWrapper-2OrFZ1 clickable-3rdHwn" role="button">
<svg x="0" y="0" name="Nova_Pin" class="icon-22AiRD" width="24" height="24" viewBox="0 0 24 24">
<div tabindex="0" class="REPLACE_CLASS_channelheadericonwrapper REPLACE_CLASS_channelheadericonclickable" role="button">
<svg x="0" y="0" name="Nova_Pin" class="REPLACE_CLASS_channelheadericon" width="24" height="24" viewBox="0 0 24 24">
<path fill="currentColor" d="M22 12L12.101 2.10101L10.686 3.51401L12.101 4.92901L7.15096 9.87801V9.88001L5.73596 8.46501L4.32196 9.88001L8.56496 14.122L2.90796 19.778L4.32196 21.192L9.97896 15.536L14.222 19.778L15.636 18.364L14.222 16.95L19.171 12H19.172L20.586 13.414L22 12Z"></path>
</svg>
</div>
<div tabindex="0" class="iconWrapper-2OrFZ1 clickable-3rdHwn selected-1GqIat" role="button">
<svg x="0" y="0" name="Nova_People" class="icon-22AiRD" width="24" height="24" viewBox="0 0 24 24">
<div tabindex="0" class="REPLACE_CLASS_channelheadericonwrapper REPLACE_CLASS_channelheadericonclickable REPLACE_CLASS_channelheadericonselected" role="button">
<svg x="0" y="0" name="Nova_People" class="REPLACE_CLASS_channelheadericon" width="24" height="24" viewBox="0 0 24 24">
<path fill="currentColor" fill-rule="evenodd" clip-rule="evenodd" d="M14 8.00598C14 10.211 12.206 12.006 10 12.006C7.795 12.006 6 10.211 6 8.00598C6 5.80098 7.794 4.00598 10 4.00598C12.206 4.00598 14 5.80098 14 8.00598ZM2 19.006C2 15.473 5.29 13.006 10 13.006C14.711 13.006 18 15.473 18 19.006V20.006H2V19.006Z"></path>
<path fill="currentColor" fill-rule="evenodd" clip-rule="evenodd" d="M14 8.00598C14 10.211 12.206 12.006 10 12.006C7.795 12.006 6 10.211 6 8.00598C6 5.80098 7.794 4.00598 10 4.00598C12.206 4.00598 14 5.80098 14 8.00598ZM2 19.006C2 15.473 5.29 13.006 10 13.006C14.711 13.006 18 15.473 18 19.006V20.006H2V19.006Z"></path>
<path fill="currentColor" d="M20.0001 20.006H22.0001V19.006C22.0001 16.4433 20.2697 14.4415 17.5213 13.5352C19.0621 14.9127 20.0001 16.8059 20.0001 19.006V20.006Z"></path>
<path fill="currentColor" d="M14.8834 11.9077C16.6657 11.5044 18.0001 9.9077 18.0001 8.00598C18.0001 5.96916 16.4693 4.28218 14.4971 4.0367C15.4322 5.09511 16.0001 6.48524 16.0001 8.00598C16.0001 9.44888 15.4889 10.7742 14.6378 11.8102C14.7203 11.8418 14.8022 11.8743 14.8834 11.9077Z"></path>
</svg>
</div>
<div class="search-36MZv-">
<div tabindex="0" class="search-2oPWTC" role="button">
<div class="searchBar-3dMhjb">
<div class="REPLACE_CLASS_channelheadersearch">
<div tabindex="0" class="REPLACE_CLASS_channelheadersearchinner" role="button">
<div class="REPLACE_CLASS_channelheadersearchbar">
<div class="DraftEditor-root">
<div class="public-DraftEditorPlaceholder-root">
<div class="public-DraftEditorPlaceholder-inner" id="placeholder-37gul" style="white-space: pre-wrap;">Search</div>
@ -1205,14 +1205,14 @@
</div>
</div>
</div>
<div tabindex="0" class="icon-38sknP iconLayout-1WxHy4 small-1lPjda" role="button">
<div class="iconContainer-O4O2CN">
<svg name="Search" class="icon-3cZ1F_ visible-3V0mGj" width="18" height="18" viewBox="0 0 18 18">
<div tabindex="0" class="REPLACE_CLASS_channelheadersearchicon REPLACE_CLASS_searchbariconlayout REPLACE_CLASS_searchbarsmall" role="button">
<div class="REPLACE_CLASS_searchbariconwrap">
<svg name="Search" class="REPLACE_CLASS_searchbaricon REPLACE_CLASS_searchbarvisible" width="18" height="18" viewBox="0 0 18 18">
<g fill="none" fill-rule="evenodd">
<path fill="currentColor" d="M3.60091481,7.20297313 C3.60091481,5.20983419 5.20983419,3.60091481 7.20297313,3.60091481 C9.19611206,3.60091481 10.8050314,5.20983419 10.8050314,7.20297313 C10.8050314,9.19611206 9.19611206,10.8050314 7.20297313,10.8050314 C5.20983419,10.8050314 3.60091481,9.19611206 3.60091481,7.20297313 Z M12.0057176,10.8050314 L11.3733562,10.8050314 L11.1492281,10.5889079 C11.9336764,9.67638651 12.4059463,8.49170955 12.4059463,7.20297313 C12.4059463,4.32933105 10.0766152,2 7.20297313,2 C4.32933105,2 2,4.32933105 2,7.20297313 C2,10.0766152 4.32933105,12.4059463 7.20297313,12.4059463 C8.49170955,12.4059463 9.67638651,11.9336764 10.5889079,11.1492281 L10.8050314,11.3733562 L10.8050314,12.0057176 L14.8073185,16 L16,14.8073185 L12.2102538,11.0099776 L12.0057176,10.8050314 Z"></path>
</g>
</svg>
<svg name="Close" class="icon-3cZ1F_" width="12" height="12" viewBox="0 0 12 12">
<svg name="Close" class="REPLACE_CLASS_searchbaricon" width="12" height="12" viewBox="0 0 12 12">
<g fill="none" fill-rule="evenodd">
<path d="M0 0h12v12H0"></path>
<path class="fill" fill="currentColor" d="M9.5 3.205L8.795 2.5 6 5.295 3.205 2.5l-.705.705L5.295 6 2.5 8.795l.705.705L6 6.705 8.795 9.5l.705-.705L6.705 6"></path>
@ -1223,29 +1223,29 @@
</div>
</div>
</div>
<div tabindex="0" class="iconWrapper-2OrFZ1 clickable-3rdHwn" role="button">
<svg x="0" y="0" name="Nova_At" class="icon-22AiRD" width="24" height="24" viewBox="0 0 24 24">
<div tabindex="0" class="REPLACE_CLASS_channelheadericonwrapper REPLACE_CLASS_channelheadericonclickable" role="button">
<svg x="0" y="0" name="Nova_At" class="REPLACE_CLASS_channelheadericon" width="24" height="24" viewBox="0 0 24 24">
<path fill="currentColor" d="M12 2C6.486 2 2 6.486 2 12C2 17.515 6.486 22 12 22C14.039 22 15.993 21.398 17.652 20.259L16.521 18.611C15.195 19.519 13.633 20 12 20C7.589 20 4 16.411 4 12C4 7.589 7.589 4 12 4C16.411 4 20 7.589 20 12V12.782C20 14.17 19.402 15 18.4 15L18.398 15.018C18.338 15.005 18.273 15 18.209 15H18C17.437 15 16.6 14.182 16.6 13.631V12C16.6 9.464 14.537 7.4 12 7.4C9.463 7.4 7.4 9.463 7.4 12C7.4 14.537 9.463 16.6 12 16.6C13.234 16.6 14.35 16.106 15.177 15.313C15.826 16.269 16.93 17 18 17L18.002 16.981C18.064 16.994 18.129 17 18.195 17H18.4C20.552 17 22 15.306 22 12.782V12C22 6.486 17.514 2 12 2ZM12 14.599C10.566 14.599 9.4 13.433 9.4 11.999C9.4 10.565 10.566 9.399 12 9.399C13.434 9.399 14.6 10.565 14.6 11.999C14.6 13.433 13.434 14.599 12 14.599Z"></path>
</svg>
</div>
<a class="REPLACE_CLASS_anchor REPLACE_CLASS_anchorunderlineonhover" href="https://support.discordapp.com" rel="noreferrer noopener" target="_blank">
<div tabindex="0" class="iconWrapper-2OrFZ1 clickable-3rdHwn" role="button">
<svg x="0" y="0" name="Nova_Help" class="icon-22AiRD" width="24" height="24" viewBox="0 0 24 24">
<div tabindex="0" class="REPLACE_CLASS_channelheadericonwrapper REPLACE_CLASS_channelheadericonclickable" role="button">
<svg x="0" y="0" name="Nova_Help" class="REPLACE_CLASS_channelheadericon" width="24" height="24" viewBox="0 0 24 24">
<path fill="currentColor" d="M12 2C6.486 2 2 6.487 2 12C2 17.515 6.486 22 12 22C17.514 22 22 17.515 22 12C22 6.487 17.514 2 12 2ZM12 18.25C11.31 18.25 10.75 17.691 10.75 17C10.75 16.31 11.31 15.75 12 15.75C12.69 15.75 13.25 16.31 13.25 17C13.25 17.691 12.69 18.25 12 18.25ZM13 13.875V15H11V12H12C13.104 12 14 11.103 14 10C14 8.896 13.104 8 12 8C10.896 8 10 8.896 10 10H8C8 7.795 9.795 6 12 6C14.205 6 16 7.795 16 10C16 11.861 14.723 13.429 13 13.875Z"></path>
</svg>
</div>
</a>
</div>
</div>
<div class="content-yTz4x3">
<div class="spacer-1fA9zc vertical-V37hAW flex-1O1GKY directionColumn-35P_nr" style="position: relative;">
<div class="messagesWrapper-3lZDfY">
<div class="newMessagesBar-mujexs barBase-39XTcM">
<button type="button" class="barButtonMain-1giYuj barButtonBase-3UKlW2" aria-label="Jump to last unread message" aria-describedby="NewMessagesBarJumpToNewMessages_199">
<span id="NewMessagesBarJumpToNewMessages_199" class="span-3ncFWM">10&nbsp;new messages since Forever</span>
<div class="REPLACE_CLASS_chatcontent">
<div class="REPLACE_CLASS_flexspacer REPLACE_CLASS_vertical" style="position: relative;">
<div class="REPLACE_CLASS_messageswrapper">
<div class="REPLACE_CLASS_messagebarnewmessagesbar">
<button type="button" class="REPLACE_CLASS_messagebarbuttonmain" aria-label="Jump to last unread message" aria-describedby="NewMessagesBarJumpToNewMessages_199">
<span id="NewMessagesBarJumpToNewMessages_199" class="REPLACE_CLASS_messagebarspan">10&nbsp;new messages since Forever</span>
</button>
<button type="button" class="barButtonAlt-3gIkIj barButtonBase-3UKlW2">Mark As Read
<svg name="Nova_ChatCheck" class="barButtonIcon-3FGqPD" aria-hidden="false" width="24" height="24" viewBox="0 0 24 24">
<button type="button" class="REPLACE_CLASS_messagebarbuttonalt">Mark As Read
<svg name="Nova_ChatCheck" class="REPLACE_CLASS_messagebarbuttonicon" aria-hidden="false" width="24" height="24" viewBox="0 0 24 24">
<path fill="currentColor" fill-rule="evenodd" clip-rule="evenodd" d="M12.291 5.70697L15.998 9.41397L21.705 3.70697L20.291 2.29297L15.998 6.58597L13.705 4.29297L12.291 5.70697ZM1.99805 7H11.088C11.564 9.837 14.025 12 16.998 12V18C16.998 19.103 16.102 20 14.998 20H8.33205L2.99805 24V20H1.99805C0.894047 20 -0.00195312 19.103 -0.00195312 18V9C-0.00195312 7.897 0.894047 7 1.99805 7Z"></path>
</svg>
</button>
@ -1460,7 +1460,7 @@
<h5 class="h5-18_1nd title-3sZWYQ size12-3R0845 height16-2Lv3qA weightSemiBold-NJexzi header-2BTCnc marginBottom8-AtZOdT">You've been invited to join a server</h5>
<div class="content-2U5lSY">
<div class="guildIconExpired-2Qcq05 guildIcon-lQ0uiM"></div>
<div class="flex-1xMQg5 flex-1O1GKY vertical-V37hAW flex-1O1GKY directionColumn-35P_nr justifyCenter-3D2jYp alignStretch-DpGPf3 noWrap-3jynv6 guildInfo-1STtYi" style="flex: 1 1 auto;">
<div class="flex-1xMQg5 flex-1O1GKY REPLACE_CLASS_vertical justifyCenter-3D2jYp alignStretch-DpGPf3 noWrap-3jynv6 guildInfo-1STtYi" style="flex: 1 1 auto;">
<div class="guildNameExpired-2Hp80V marginBottom4-2qk4Hy medium-zmzTW- size16-14cGz5 height20-mO2eIN weightSemiBold-NJexzi">Invite Expired</div>
<div class="guildDetail-1nRKNE small-29zrCQ size12-3R0845 height16-2Lv3qA weightSemiBold-NJexzi">
<div class="REPLACE_CLASS_flex REPLACE_CLASS_horizontal REPLACE_CLASS_justifystart REPLACE_CLASS_aligncenter REPLACE_CLASS_nowrap" style="flex: 0 1 auto;">Ask DevilBro for a new invite!</div>
@ -1512,7 +1512,7 @@
<h5 class="h5-18_1nd title-3sZWYQ size12-3R0845 height16-2Lv3qA weightSemiBold-NJexzi header-2BTCnc marginBottom8-AtZOdT">You've been invited to join a server</h5>
<div class="content-2U5lSY">
<div class="REPLACE_CLASS_avataricon guildIconImage-3qTk45 guildIcon-lQ0uiM iconSizeLarge-161qtT iconActiveLarge-2nzn9z" style="background-image: url(https://i.imgur.com/EZUorCa.png?1);"></div>
<div class="flex-1xMQg5 flex-1O1GKY vertical-V37hAW flex-1O1GKY directionColumn-35P_nr justifyCenter-3D2jYp alignStretch-DpGPf3 noWrap-3jynv6 guildInfo-1STtYi" style="flex: 1 1 auto;">
<div class="flex-1xMQg5 flex-1O1GKY REPLACE_CLASS_vertical justifyCenter-3D2jYp alignStretch-DpGPf3 noWrap-3jynv6 guildInfo-1STtYi" style="flex: 1 1 auto;">
<div class="guildName-2hvnt_ marginBottom4-2qk4Hy medium-zmzTW- size16-14cGz5 height20-mO2eIN weightSemiBold-NJexzi">My Server</div>
<div class="guildDetail-1nRKNE small-29zrCQ size12-3R0845 height16-2Lv3qA weightSemiBold-NJexzi">
<div class="REPLACE_CLASS_flex REPLACE_CLASS_horizontal REPLACE_CLASS_justifystart REPLACE_CLASS_aligncenter REPLACE_CLASS_nowrap" style="flex: 0 1 auto;">
@ -1569,7 +1569,7 @@
<h5 class="h5-18_1nd title-3sZWYQ size12-3R0845 height16-2Lv3qA weightSemiBold-NJexzi header-2BTCnc marginBottom8-AtZOdT">You've been invited to join a server</h5>
<div class="content-2U5lSY">
<div class="REPLACE_CLASS_avataricon guildIconJoined-1r7FRE guildIcon-lQ0uiM iconSizeLarge-161qtT iconActiveLarge-2nzn9z REPLACE_CLASS_avatarnoicon" style="font-size: 18px;">A</div>
<div class="flex-1xMQg5 flex-1O1GKY vertical-V37hAW flex-1O1GKY directionColumn-35P_nr justifyCenter-3D2jYp alignStretch-DpGPf3 noWrap-3jynv6 guildInfo-1STtYi" style="flex: 1 1 auto;">
<div class="flex-1xMQg5 flex-1O1GKY REPLACE_CLASS_vertical justifyCenter-3D2jYp alignStretch-DpGPf3 noWrap-3jynv6 guildInfo-1STtYi" style="flex: 1 1 auto;">
<div class="guildNameJoined-H7D9uF guildName-2hvnt_ marginBottom4-2qk4Hy medium-zmzTW- size16-14cGz5 height20-mO2eIN weightSemiBold-NJexzi">Another Server</div>
<div class="guildDetail-1nRKNE small-29zrCQ size12-3R0845 height16-2Lv3qA weightSemiBold-NJexzi">
<div class="REPLACE_CLASS_flex REPLACE_CLASS_horizontal REPLACE_CLASS_justifystart REPLACE_CLASS_aligncenter REPLACE_CLASS_nowrap" style="flex: 0 1 auto;">
@ -1781,17 +1781,17 @@
</div>
</div>
</div>
<div class="jumpToPresentBar-9P20AM barBase-39XTcM">
<button type="button" class="barButtonMain-1giYuj barButtonBase-3UKlW2">You're viewing older messages</button>
<button type="button" class="barButtonAlt-3gIkIj barButtonBase-3UKlW2">Jump To Present
<svg class="barButtonIcon-3FGqPD transition-27fFQS directionDown-26e7eE" width="24" height="24" viewBox="0 0 24 24">
<div class="REPLACE_CLASS_messagebarjumptopresentbar">
<button type="button" class="REPLACE_CLASS_messagebarbuttonmain">You're viewing older messages</button>
<button type="button" class="REPLACE_CLASS_messagebarbuttonalt">Jump To Present
<svg class="REPLACE_CLASS_messagebarbuttonicon REPLACE_CLASS_directiontransition REPLACE_CLASS_directiondown" width="24" height="24" viewBox="0 0 24 24">
<path fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M7 10L12 15 17 10"></path>
</svg>
</button>
</div>
</div>
<form class="form-2fGMdU">
<div class="flex-1xMQg5 flex-1O1GKY vertical-V37hAW flex-1O1GKY directionColumn-35P_nr justifyStart-2NDFzi alignStretch-DpGPf3 noWrap-3jynv6" style="flex: 1 1 auto;">
<div class="flex-1xMQg5 flex-1O1GKY REPLACE_CLASS_vertical justifyStart-2NDFzi alignStretch-DpGPf3 noWrap-3jynv6" style="flex: 1 1 auto;">
<div class="channelTextArea-1LDbYG channelTextArea-rNsIhG">
<div class="inner-zqa7da flex-1O1GKY innerNoAutocomplete-1WpcVO">
<div class="flex-1xMQg5 flex-1O1GKY horizontal-1ae9ci horizontal-2EEEnY directionRow-3v3tfG justifyStart-2NDFzi alignStretch-DpGPf3 noWrap-3jynv6" style="flex: 1 1 auto;">
@ -1964,32 +1964,7 @@
</div>
</div>
</div>
<div class="uploadArea-3QgLtW">
<div class="uploadDropModal-2kTwbc">
<div class="bgScale-1otPtc"></div>
<div class="inner-3nWsbo">
<div class="icons-1w691d">
<div class="wrapOne-14G98n">
<div class="icon-kyxXVr one-2crnLX"></div>
</div>
<div class="wrapThree-1CNQ42">
<div class="icon-kyxXVr three-27ScFD"></div>
</div>
<div class="wrapTwo-mQGI3R">
<div class="icon-kyxXVr two-3BBQI9"></div>
</div>
</div>
<div class="title-2Vtl4y">Drag &amp; Drop</div>
<div class="instructions-2Du9gG">
<pre>You can add comments before uploading. Hold shift to upload directly.</pre>
</div>
</div>
</div>
</div>
<div class="pictureInPicture-3VocJq REPLACE_CLASS_themelight"></div>
<div class="REPLACE_CLASS_themelight container-wrYOxa"></div>
</div>
<div class="REPLACE_CLASS_themelight"></div>
</div>
<div class="uploadArea-3QgLtW">
<div class="uploadDropModal-2kTwbc">
@ -2013,19 +1988,19 @@
</div>
</div>
</div>
<div class="pictureInPicture-3VocJq REPLACE_CLASS_themelight"></div>
<div class="REPLACE_CLASS_themelight REPLACE_CLASS_callincomingcontainer"></div>
</div>
<div class="pictureInPicture-3VocJq REPLACE_CLASS_themelight"></div>
<div class="REPLACE_CLASS_themelight container-wrYOxa"></div>
</div>
<div data-no-focus-lock="true">
<div class="REPLACE_CLASS_themelight popouts-2bnG9Z"></div>
<div class="REPLACE_CLASS_themelight REPLACE_CLASS_popouts"></div>
<div class="REPLACE_CLASS_themelight"></div>
<div class="layerContainer-yqaFcK REPLACE_CLASS_themelight">
<div class="layer-v9HyYc" style="top: 140px; right: 260px;">
<div class="REPLACE_CLASS_itemlayercontainer REPLACE_CLASS_themelight">
<div class="REPLACE_CLASS_itemlayer" style="top: 140px; right: 260px;">
<div class="animatorLeft-1EQxU0 translate-2dAEQ6 didRender-33z1u8">
<div class="userPopout-3XzG_A">
<div class="headerNormal-T_seeN header-2BwW8b size16-14cGz5">
<div class="flex-1xMQg5 flex-1O1GKY vertical-V37hAW flex-1O1GKY directionColumn-35P_nr justifyCenter-3D2jYp alignCenter-1dQNNs noWrap-3jynv6 headerTop-3C2Zn0" style="flex: 1 1 auto;">
<div class="flex-1xMQg5 flex-1O1GKY REPLACE_CLASS_vertical justifyCenter-3D2jYp alignCenter-1dQNNs noWrap-3jynv6 headerTop-3C2Zn0" style="flex: 1 1 auto;">
<div tabindex="0" class="avatarWrapperNormal-3wFMbf avatarWrapper-3H_478" 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">
@ -2092,10 +2067,10 @@
</div>
</div>
</div>
<div class="layer-v9HyYc" style="left: 68px; top: 298px;">
<div class="tooltip-2QfLtc tooltipRight-2JM5PQ tooltipBlack-PPG47z">
<div class="REPLACE_CLASS_itemlayer" style="left: 68px; top: 298px;">
<div class="REPLACE_CLASS_tooltip REPLACE_CLASS_tooltipright REPLACE_CLASS_tooltipblack">
Selected Server
<div class="tooltipPointer-3ZfirK"></div>
<div class="REPLACE_CLASS_tooltippointer"></div>
</div>
</div>
</div>