Update DiscordPreview.html

This commit is contained in:
Mirco Wittrien 2019-09-23 12:08:54 +02:00
parent f54bb2be66
commit 86f8d6bd28
1 changed files with 55 additions and 43 deletions

View File

@ -1179,8 +1179,8 @@
</div>
</div>
</div>
<div class="chat-3bRxxu firefoxFixScrollFlex-cnI2ix">
<div class="title-3qD0b- container-1r6BKw">
<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">
@ -1263,12 +1263,18 @@
</a>
</div>
</div>
<div class="content-yTz4x3 firefoxFixScrollFlex-cnI2ix">
<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">
<button type="button">10 new messages since Forever</button>
<button type="button">Mark As Read</button>
<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>
</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">
<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>
</div>
<div class="scrollerWrap-2lJEkd firefoxFixScrollFlex-cnI2ix scrollerWrap-2su1QI scrollerThemed-2oenus themedWithTrack-q8E3vB">
<div class="scroller-2FKFPG firefoxFixScrollFlex-cnI2ix systemPad-3UxEGl messages-3amgkR">
@ -1801,50 +1807,56 @@
</div>
</div>
</div>
<div class="jumpToPresentBar-9P20AM">
<button type="button">You're viewing older messages</button>
<button type="button">Jump To Present</button>
<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">
<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>
<div class="channelTextAreaEnabled-iusU9o channelTextArea-1LDbYG channelTextArea-rNsIhG">
<div class="innerEnabled-3g80kR inner-zqa7da flex-1O1GKY innerNoAutocomplete-1WpcVO" style="max-height:50px;">
<div class="flex-1xMQg5 flex-1O1GKY horizontal-1ae9ci horizontal-2EEEnY directionRow-3v3tfG justifyStart-2NDFzi alignStretch-DpGPf3 noWrap-3jynv6" style="flex: 1 1 auto max-height:inherit;">
<button tabindex="3" type="button" class="attachButton-1UjEWA button-38aScr lookBlank-3eh9lL colorBrand-3pXr91 grow-q77ONN">
<div class="contents-18-Yxp attachButtonInner-1iyZ9F">
<svg width="24" height="24" viewBox="0 0 24 24">
<path fill="currentColor" class="attachButtonPlus-rUdX-B" d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm5 11h-4v4h-2v-4H7v-2h4V7h2v4h4v2z"></path>
</svg>
</div>
</button>
<div class="attachButtonDivider-3Glu60" style="max-height:inherit;"></div>
</div>
<div class="uploadInput-2lNPSo">
<div class="file-input" style="position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; opacity: 0; cursor: pointer;"></div>
</div>
<textarea rows="1" placeholder="Message to #general" class="textAreaEnabled-3vQ5WZ textArea-2Spzkt textArea-2Spzkt scrollbarGhostHairline-1mSOM1 scrollbar-3dvm_9" style="max-height:inherit;"></textarea>
<div class="buttons-205you">
<button tabindex="2" type="button" class="buttonWrapper-1ZmCpA button-38aScr lookBlank-3eh9lL colorBrand-3pXr91 grow-q77ONN">
<div class="contents-18-Yxp button-3AYNKb button-2vd_v_">
<svg name="Gift" class="icon-3D60ES" width="16" height="16" viewBox="0 0 16 16">
<path fill="currentColor" fill-rule="evenodd" d="M13.9499381,4.97031408 L15,4.97031408 C15.5522847,4.97031408 16,5.42245961 16,5.98020939 L16,8 L0,8 L0,5.98020939 C-6.76353751e-17,5.42245961 0.44771525,4.97031408 1,4.97031408 L1.97920984,4.97031408 C1.01782154,3.76290607 1.11036555,1.99225385 2.23546762,0.895004171 C3.42730882,-0.267332482 5.32651446,-0.233853688 6.47746213,0.969781151 C7.07300942,1.59259093 7.63216429,2.52072721 7.97475156,3.47225991 C8.3157709,2.50516262 8.88309781,1.55764854 9.48796509,0.925092131 C10.6389128,-0.278542708 12.5381184,-0.312021502 13.7299596,0.85031515 C14.8690241,1.96118164 14.9497436,3.76226816 13.9499381,4.97031408 Z M10.635938,5 C10.734461,4.96362465 10.837387,4.92192897 10.9436159,4.87518066 C11.6535979,4.56273792 12.4171451,4.06075227 12.7190202,3.74012812 C13.103105,3.33218843 13.0920422,2.68213425 12.6943108,2.28819147 C12.2965794,1.8942487 11.6627922,1.90559543 11.2787075,2.31353512 C10.9768324,2.63415927 10.514354,3.43434591 10.2346934,4.17301099 C10.1162728,4.48579438 10.0363609,4.77004854 10,5 L10.635938,5 Z M5.25139448,5 L6,5 C5.96063336,4.77507371 5.88337351,4.50341724 5.77235412,4.20642989 C5.49198082,3.45640483 5.02832378,2.64391205 4.72567933,2.318357 C4.34061573,1.90414358 3.7052133,1.89262234 3.30646827,2.29262359 C2.90772324,2.69262485 2.89663225,3.35267626 3.28169585,3.76688968 C3.58434031,4.09244473 4.34983347,4.60215046 5.06162485,4.91939828 C5.12617993,4.94817069 5.18951835,4.97505811 5.25139448,5 Z M1,10 L7,10 L7,16 L2,16 C1.44771525,16 1,15.5522847 1,15 L1,10 Z M9,10 L15,10 L15,15 C15,15.5522847 14.5522847,16 14,16 L9,16 L9,10 Z"></path>
</svg>
</div>
</button>
<div class="buttonContainer-21MN7J">
<button tabindex="3" type="button" class="buttonWrapper-1ZmCpA button-38aScr lookBlank-3eh9lL colorBrand-3pXr91 grow-q77ONN">
<div class="contents-18-Yxp button-3AYNKb button-2vd_v_">
<svg class="icon-3D60ES gifPickerIcon-132le6" width="24" height="18" viewBox="0 0 24 18">
<path fill="currentColor" d="M3,0 L21,0 C22.6568542,-3.04359188e-16 24,1.34314575 24,3 L24,15 C24,16.6568542 22.6568542,18 21,18 L3,18 C1.34314575,18 2.02906125e-16,16.6568542 0,15 L0,3 C-2.02906125e-16,1.34314575 1.34314575,-5.83819232e-16 3,-8.8817842e-16 Z M11,5 L11,13 L13,13 L13,5 L11,5 Z M8,5 L4,5 C3.28,5 3,5.33333333 3,6 L3,12 C3,12.6666667 3.28,13 4,13 L8,13 C8.72,13 9,12.6666667 9,12 L9,8 L6,8 L6,10 L7,10 L7,11 L5,11 L5,7 L9,7 L9,6 C9,5.33333333 8.72,5 8,5 Z M21,7 L21,5 L15,5 L15,13 L17,13 L17,10 L20,10 L20,8 L17,8 L17,7 L21,7 Z"></path>
<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="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;">
<button tabindex="3" type="button" class="attachButton-1UjEWA button-38aScr lookBlank-3eh9lL colorBrand-3pXr91 grow-q77ONN">
<div class="contents-18-Yxp attachButtonInner-1iyZ9F">
<svg width="24" height="24" viewBox="0 0 24 24">
<path fill="currentColor" class="attachButtonPlus-rUdX-B" d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm5 11h-4v4h-2v-4H7v-2h4V7h2v4h4v2z"></path>
</svg>
</div>
</button>
<div class="attachButtonDivider-3Glu60" style="max-height:inherit;"></div>
</div>
<button tabindex="4" type="button" class="emojiButtonNormal-TdumYh emojiButton-3uL3Aw button-2vd_v_ button-38aScr lookBlank-3eh9lL colorBrand-3pXr91 grow-q77ONN">
<div class="contents-18-Yxp">
<div class="spriteNormal-1wvG5n sprite-2iCowe" style="background-position: 0px 0px; background-size: 242px 110px;"></div>
<div class="uploadInput-2lNPSo">
<div class="file-input" style="position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; opacity: 0; cursor: pointer;"></div>
</div>
<textarea rows="1" placeholder="Message to #general" class="textArea-2Spzkt textArea-2Spzkt scrollbarGhostHairline-1mSOM1 scrollbar-3dvm_9"></textarea>
<div class="buttons-205you">
<button tabindex="2" type="button" class="buttonWrapper-1ZmCpA button-38aScr lookBlank-3eh9lL colorBrand-3pXr91 grow-q77ONN">
<div class="contents-18-Yxp button-3AYNKb button-2vd_v_">
<svg name="Gift" class="icon-3D60ES" width="16" height="16" viewBox="0 0 16 16">
<path fill="currentColor" fill-rule="evenodd" d="M13.9499381,4.97031408 L15,4.97031408 C15.5522847,4.97031408 16,5.42245961 16,5.98020939 L16,8 L0,8 L0,5.98020939 C-6.76353751e-17,5.42245961 0.44771525,4.97031408 1,4.97031408 L1.97920984,4.97031408 C1.01782154,3.76290607 1.11036555,1.99225385 2.23546762,0.895004171 C3.42730882,-0.267332482 5.32651446,-0.233853688 6.47746213,0.969781151 C7.07300942,1.59259093 7.63216429,2.52072721 7.97475156,3.47225991 C8.3157709,2.50516262 8.88309781,1.55764854 9.48796509,0.925092131 C10.6389128,-0.278542708 12.5381184,-0.312021502 13.7299596,0.85031515 C14.8690241,1.96118164 14.9497436,3.76226816 13.9499381,4.97031408 Z M10.635938,5 C10.734461,4.96362465 10.837387,4.92192897 10.9436159,4.87518066 C11.6535979,4.56273792 12.4171451,4.06075227 12.7190202,3.74012812 C13.103105,3.33218843 13.0920422,2.68213425 12.6943108,2.28819147 C12.2965794,1.8942487 11.6627922,1.90559543 11.2787075,2.31353512 C10.9768324,2.63415927 10.514354,3.43434591 10.2346934,4.17301099 C10.1162728,4.48579438 10.0363609,4.77004854 10,5 L10.635938,5 Z M5.25139448,5 L6,5 C5.96063336,4.77507371 5.88337351,4.50341724 5.77235412,4.20642989 C5.49198082,3.45640483 5.02832378,2.64391205 4.72567933,2.318357 C4.34061573,1.90414358 3.7052133,1.89262234 3.30646827,2.29262359 C2.90772324,2.69262485 2.89663225,3.35267626 3.28169585,3.76688968 C3.58434031,4.09244473 4.34983347,4.60215046 5.06162485,4.91939828 C5.12617993,4.94817069 5.18951835,4.97505811 5.25139448,5 Z M1,10 L7,10 L7,16 L2,16 C1.44771525,16 1,15.5522847 1,15 L1,10 Z M9,10 L15,10 L15,15 C15,15.5522847 14.5522847,16 14,16 L9,16 L9,10 Z"></path>
</svg>
</div>
</button>
<div class="buttonContainer-21MN7J">
<button tabindex="3" type="button" class="buttonWrapper-1ZmCpA button-38aScr lookBlank-3eh9lL colorBrand-3pXr91 grow-q77ONN">
<div class="contents-18-Yxp button-3AYNKb button-2vd_v_">
<svg class="icon-3D60ES gifPickerIcon-132le6" width="24" height="18" viewBox="0 0 24 18">
<path fill="currentColor" d="M3,0 L21,0 C22.6568542,-3.04359188e-16 24,1.34314575 24,3 L24,15 C24,16.6568542 22.6568542,18 21,18 L3,18 C1.34314575,18 2.02906125e-16,16.6568542 0,15 L0,3 C-2.02906125e-16,1.34314575 1.34314575,-5.83819232e-16 3,-8.8817842e-16 Z M11,5 L11,13 L13,13 L13,5 L11,5 Z M8,5 L4,5 C3.28,5 3,5.33333333 3,6 L3,12 C3,12.6666667 3.28,13 4,13 L8,13 C8.72,13 9,12.6666667 9,12 L9,8 L6,8 L6,10 L7,10 L7,11 L5,11 L5,7 L9,7 L9,6 C9,5.33333333 8.72,5 8,5 Z M21,7 L21,5 L15,5 L15,13 L17,13 L17,10 L20,10 L20,8 L17,8 L17,7 L21,7 Z"></path>
</svg>
</div>
</button>
</div>
</button>
<button tabindex="4" type="button" class="emojiButtonNormal-TdumYh emojiButton-3uL3Aw button-2vd_v_ button-38aScr lookBlank-3eh9lL colorBrand-3pXr91 grow-q77ONN">
<div class="contents-18-Yxp">
<div class="spriteNormal-1wvG5n sprite-2iCowe" style="background-position: 0px 0px; background-size: 242px 110px;"></div>
</div>
</button>
</div>
</div>
</div>
</div>