This repository has been archived by the owner on Sep 11, 2024. It is now read-only.
Refine styles of menus, toasts, popovers, and modals #24625
Annotations
1 warning
|
Run tests:
test/components/views/dialogs/ForwardDialog-test.tsx#L154
expect(received).toHaveClass()
received value must be an HTMLElement or an SVGElement.
Received has value: undefined
Ignored nodes: comments, script, style
<html>
<head />
<body>
<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-describedby="mx_ForwardList"
aria-labelledby="mx_BaseDialog_title"
class="mx_ForwardDialog"
data-focus-lock-disabled="false"
role="dialog"
>
<div
class="mx_Dialog_header"
>
<h1
class="mx_Heading_h3 mx_Dialog_title"
id="mx_BaseDialog_title"
>
Forward message
</h1>
</div>
<div
aria-label="Close dialog"
class="mx_AccessibleButton mx_Dialog_cancelButton"
role="button"
tabindex="0"
/>
<h3>
Message preview
</h3>
<div
class="mx_ForwardDialog_preview"
>
<div
aria-atomic="true"
aria-live="off"
class="mx_EventTile"
data-event-id="$9999999999999999999999999999999999999999999"
data-has-reply="false"
data-layout="group"
data-scroll-tokens="$9999999999999999999999999999999999999999999"
data-self="true"
tabindex="-1"
>
<div
class="mx_DisambiguatedProfile"
>
<span
class="mx_Username_color4 mx_DisambiguatedProfile_displayName"
dir="auto"
>
Alice
</span>
</div>
<div
class="mx_EventTile_avatar"
>
<span
class="_avatar_mcap2_17 mx_BaseAvatar _avatar-imageless_mcap2_61"
data-color="4"
data-testid="avatar-img"
data-type="round"
role="presentation"
style="--cpd-avatar-size: 30px;"
title="@bob:example.org"
>
A
</span>
</div>
<div
class="mx_EventTile_line"
>
<a
aria-label="00:00"
href="https://matrix.to/#/!111111111111111111:example.org/$9999999999999999999999999999999999999999999"
/>
<div
class="mx_MTextBody mx_EventTile_content"
>
<span
class="mx_EventTile_body"
dir="auto"
>
Hello world!
</span>
</div>
<div
aria-label="Message Actions"
aria-live="off"
class="mx_MessageActionBar"
role="toolbar"
>
<div
aria-label="Edit"
class="mx_AccessibleButton mx_MessageActionBar_iconButton"
role="button"
tabindex="0"
>
<div />
</div>
<div
aria-expanded="false"
aria-haspopup="true"
aria-label="Options"
class="mx_AccessibleButton mx_MessageActionBar_iconButton mx_MessageActionBar_optionsButton"
role="button"
tabindex="-1"
>
<div />
</div>
</div>
</div>
</div>
</div>
<hr />
<div
class="mx_ForwardList"
id="mx_ForwardList"
>
<div
class="mx_SearchBox mx_textinput"
>
<input
aria-activedescendant="mx_ForwardDialog_entry_a"
aria-owns="mx_ForwardDialog_resultsList"
autocomplete="off"
class="mx_textinput_icon mx_textinput
|
Loading