mirror of
https://github.com/vector-im/element-web.git
synced 2024-11-25 18:08:14 +08:00
80c4c3c28c
* Refine styles of menus, toasts, popovers, and modals This is a reintroduction of https://github.com/matrix-org/matrix-react-sdk/pull/12247, with the difference that modal styles have now been refreshed as well. * Restore the fixed heights of some dialogs * Fix formatting and flaky screenshot
331 lines
8.9 KiB
Plaintext
331 lines
8.9 KiB
Plaintext
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
|
|
|
exports[`<MessageEditHistory /> should match the snapshot 1`] = `
|
|
<div>
|
|
<div
|
|
data-focus-guard="true"
|
|
style="width: 1px; height: 0px; padding: 0px; overflow: hidden; position: fixed; top: 1px; left: 1px;"
|
|
tabindex="0"
|
|
/>
|
|
<div
|
|
aria-labelledby="mx_BaseDialog_title"
|
|
class="mx_MessageEditHistoryDialog mx_Dialog_fixedWidth"
|
|
data-focus-lock-disabled="false"
|
|
role="dialog"
|
|
>
|
|
<div
|
|
class="mx_Dialog_header"
|
|
>
|
|
<h1
|
|
class="mx_Heading_h3 mx_Dialog_title"
|
|
id="mx_BaseDialog_title"
|
|
>
|
|
Message edits
|
|
</h1>
|
|
</div>
|
|
<div
|
|
aria-label="Close dialog"
|
|
class="mx_AccessibleButton mx_Dialog_cancelButton"
|
|
role="button"
|
|
tabindex="0"
|
|
/>
|
|
<div
|
|
class="mx_AutoHideScrollbar mx_ScrollPanel mx_MessageEditHistoryDialog_scrollPanel"
|
|
tabindex="-1"
|
|
>
|
|
<div
|
|
class="mx_RoomView_messageListWrapper"
|
|
>
|
|
<ol
|
|
aria-live="polite"
|
|
class="mx_RoomView_MessageList"
|
|
>
|
|
<ul
|
|
class="mx_MessageEditHistoryDialog_edits"
|
|
>
|
|
<li>
|
|
<div
|
|
aria-label="Thu, Jan 1, 1970"
|
|
class="mx_TimelineSeparator"
|
|
role="separator"
|
|
>
|
|
<hr
|
|
role="none"
|
|
/>
|
|
<div
|
|
class="mx_DateSeparator_dateContent"
|
|
>
|
|
<h2
|
|
aria-hidden="true"
|
|
class="mx_DateSeparator_dateHeading"
|
|
>
|
|
Thu, Jan 1, 1970
|
|
</h2>
|
|
</div>
|
|
<hr
|
|
role="none"
|
|
/>
|
|
</div>
|
|
</li>
|
|
<li>
|
|
<div
|
|
class="mx_EventTile"
|
|
>
|
|
<div
|
|
class="mx_EventTile_line"
|
|
>
|
|
<span
|
|
class="mx_MessageTimestamp"
|
|
>
|
|
00:00
|
|
</span>
|
|
<div
|
|
class="mx_EventTile_content"
|
|
>
|
|
<span
|
|
class="mx_EventTile_body"
|
|
dir="auto"
|
|
>
|
|
My Great Massage
|
|
</span>
|
|
</div>
|
|
<div
|
|
class="mx_MessageActionBar"
|
|
>
|
|
<div
|
|
class="mx_AccessibleButton"
|
|
role="button"
|
|
tabindex="0"
|
|
>
|
|
Remove
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</ol>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
data-focus-guard="true"
|
|
style="width: 1px; height: 0px; padding: 0px; overflow: hidden; position: fixed; top: 1px; left: 1px;"
|
|
tabindex="0"
|
|
/>
|
|
</div>
|
|
`;
|
|
|
|
exports[`<MessageEditHistory /> should support events with 1`] = `
|
|
<div>
|
|
<div
|
|
data-focus-guard="true"
|
|
style="width: 1px; height: 0px; padding: 0px; overflow: hidden; position: fixed; top: 1px; left: 1px;"
|
|
tabindex="0"
|
|
/>
|
|
<div
|
|
aria-labelledby="mx_BaseDialog_title"
|
|
class="mx_MessageEditHistoryDialog mx_Dialog_fixedWidth"
|
|
data-focus-lock-disabled="false"
|
|
role="dialog"
|
|
>
|
|
<div
|
|
class="mx_Dialog_header"
|
|
>
|
|
<h1
|
|
class="mx_Heading_h3 mx_Dialog_title"
|
|
id="mx_BaseDialog_title"
|
|
>
|
|
Message edits
|
|
</h1>
|
|
</div>
|
|
<div
|
|
aria-label="Close dialog"
|
|
class="mx_AccessibleButton mx_Dialog_cancelButton"
|
|
role="button"
|
|
tabindex="0"
|
|
/>
|
|
<div
|
|
class="mx_AutoHideScrollbar mx_ScrollPanel mx_MessageEditHistoryDialog_scrollPanel"
|
|
tabindex="-1"
|
|
>
|
|
<div
|
|
class="mx_RoomView_messageListWrapper"
|
|
>
|
|
<ol
|
|
aria-live="polite"
|
|
class="mx_RoomView_MessageList"
|
|
>
|
|
<ul
|
|
class="mx_MessageEditHistoryDialog_edits"
|
|
>
|
|
<li>
|
|
<div
|
|
aria-label="Thu, Jan 1, 1970"
|
|
class="mx_TimelineSeparator"
|
|
role="separator"
|
|
>
|
|
<hr
|
|
role="none"
|
|
/>
|
|
<div
|
|
class="mx_DateSeparator_dateContent"
|
|
>
|
|
<h2
|
|
aria-hidden="true"
|
|
class="mx_DateSeparator_dateHeading"
|
|
>
|
|
Thu, Jan 1, 1970
|
|
</h2>
|
|
</div>
|
|
<hr
|
|
role="none"
|
|
/>
|
|
</div>
|
|
</li>
|
|
<li>
|
|
<div
|
|
class="mx_EventTile"
|
|
>
|
|
<div
|
|
class="mx_EventTile_line"
|
|
>
|
|
<span
|
|
class="mx_MessageTimestamp"
|
|
>
|
|
00:00
|
|
</span>
|
|
<div
|
|
class="mx_EventTile_content"
|
|
>
|
|
<span
|
|
class="mx_EventTile_body markdown-body"
|
|
dir="auto"
|
|
>
|
|
<span>
|
|
My Great Massage
|
|
<span
|
|
class="mx_EditHistoryMessage_deletion"
|
|
>
|
|
?
|
|
</span>
|
|
</span>
|
|
</span>
|
|
</div>
|
|
<div
|
|
class="mx_MessageActionBar"
|
|
>
|
|
<div
|
|
class="mx_AccessibleButton"
|
|
role="button"
|
|
tabindex="0"
|
|
>
|
|
Remove
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
<li>
|
|
<div
|
|
class="mx_EventTile"
|
|
>
|
|
<div
|
|
class="mx_EventTile_line"
|
|
>
|
|
<span
|
|
class="mx_MessageTimestamp"
|
|
>
|
|
00:00
|
|
</span>
|
|
<div
|
|
class="mx_EventTile_content"
|
|
>
|
|
<span
|
|
class="mx_EventTile_body markdown-body"
|
|
dir="auto"
|
|
>
|
|
<span>
|
|
My Great M
|
|
<span
|
|
class="mx_EditHistoryMessage_deletion"
|
|
>
|
|
i
|
|
</span>
|
|
<span
|
|
class="mx_EditHistoryMessage_insertion"
|
|
>
|
|
a
|
|
</span>
|
|
ssage
|
|
<span
|
|
class="mx_EditHistoryMessage_insertion"
|
|
>
|
|
?
|
|
</span>
|
|
</span>
|
|
</span>
|
|
</div>
|
|
<div
|
|
class="mx_MessageActionBar"
|
|
>
|
|
<div
|
|
class="mx_AccessibleButton"
|
|
role="button"
|
|
tabindex="0"
|
|
>
|
|
Remove
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
<li>
|
|
<div
|
|
class="mx_EventTile"
|
|
>
|
|
<div
|
|
class="mx_EventTile_line"
|
|
>
|
|
<span
|
|
class="mx_MessageTimestamp"
|
|
>
|
|
00:00
|
|
</span>
|
|
<div
|
|
class="mx_EventTile_content"
|
|
>
|
|
<span
|
|
class="mx_EventTile_body"
|
|
dir="auto"
|
|
>
|
|
My Great Missage
|
|
</span>
|
|
</div>
|
|
<div
|
|
class="mx_MessageActionBar"
|
|
>
|
|
<div
|
|
class="mx_AccessibleButton"
|
|
role="button"
|
|
tabindex="0"
|
|
>
|
|
Remove
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</ol>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
data-focus-guard="true"
|
|
style="width: 1px; height: 0px; padding: 0px; overflow: hidden; position: fixed; top: 1px; left: 1px;"
|
|
tabindex="0"
|
|
/>
|
|
</div>
|
|
`;
|