mirror of
https://github.com/element-hq/element-web.git
synced 2024-12-21 20:08:05 +03: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
142 lines
3.6 KiB
Text
142 lines
3.6 KiB
Text
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
|
|
|
exports[`<ServerPickerDialog /> should render dialog 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-describedby="mx_ServerPickerDialog"
|
|
aria-labelledby="mx_BaseDialog_title"
|
|
class="mx_ServerPickerDialog"
|
|
data-focus-lock-disabled="false"
|
|
role="dialog"
|
|
>
|
|
<div
|
|
class="mx_Dialog_header"
|
|
>
|
|
<h1
|
|
class="mx_Heading_h3 mx_Dialog_title"
|
|
id="mx_BaseDialog_title"
|
|
>
|
|
Sign into your homeserver
|
|
</h1>
|
|
</div>
|
|
<div
|
|
aria-label="Close dialog"
|
|
class="mx_AccessibleButton mx_Dialog_cancelButton"
|
|
role="button"
|
|
tabindex="0"
|
|
/>
|
|
<form
|
|
class="mx_Dialog_content"
|
|
id="mx_ServerPickerDialog"
|
|
>
|
|
<p>
|
|
We call the places where you can host your account 'homeservers'.
|
|
|
|
Matrix.org is the biggest public homeserver in the world, so it's a good place for many.
|
|
</p>
|
|
<label
|
|
class="mx_StyledRadioButton mx_StyledRadioButton_enabled"
|
|
>
|
|
<input
|
|
checked=""
|
|
data-testid="defaultHomeserver"
|
|
name="defaultChosen"
|
|
type="radio"
|
|
value="true"
|
|
/>
|
|
<div>
|
|
<div />
|
|
</div>
|
|
<div
|
|
class="mx_StyledRadioButton_content"
|
|
>
|
|
<span
|
|
class="mx_Login_underlinedServerName"
|
|
data-state="closed"
|
|
tabindex="0"
|
|
>
|
|
matrix.org
|
|
</span>
|
|
</div>
|
|
<div
|
|
class="mx_StyledRadioButton_spacer"
|
|
/>
|
|
</label>
|
|
<div
|
|
class="mx_StyledRadioButton mx_ServerPickerDialog_otherHomeserverRadio mx_StyledRadioButton_enabled mx_StyledRadioButton_checked"
|
|
>
|
|
<label
|
|
class="mx_StyledRadioButton_innerLabel"
|
|
>
|
|
<input
|
|
aria-label="Other homeserver"
|
|
name="defaultChosen"
|
|
type="radio"
|
|
value="false"
|
|
/>
|
|
<div>
|
|
<div />
|
|
</div>
|
|
</label>
|
|
<div
|
|
class="mx_StyledRadioButton_content"
|
|
>
|
|
<div
|
|
class="mx_Field mx_Field_input mx_ServerPickerDialog_otherHomeserver"
|
|
>
|
|
<input
|
|
id="mx_homeserverInput"
|
|
label="Other homeserver"
|
|
placeholder="Other homeserver"
|
|
type="text"
|
|
value=""
|
|
/>
|
|
<label
|
|
for="mx_homeserverInput"
|
|
>
|
|
Other homeserver
|
|
</label>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="mx_StyledRadioButton_spacer"
|
|
/>
|
|
</div>
|
|
<p>
|
|
Use your preferred Matrix homeserver if you have one, or host your own.
|
|
</p>
|
|
<div
|
|
class="mx_AccessibleButton mx_ServerPickerDialog_continue mx_AccessibleButton_hasKind mx_AccessibleButton_kind_primary"
|
|
role="button"
|
|
tabindex="0"
|
|
>
|
|
Continue
|
|
</div>
|
|
<h2>
|
|
Learn more
|
|
</h2>
|
|
<a
|
|
class="mx_ExternalLink"
|
|
href="https://matrix.org/docs/matrix-concepts/elements-of-matrix/#homeserver"
|
|
rel="noreferrer noopener"
|
|
target="_blank"
|
|
>
|
|
About homeservers
|
|
<i
|
|
class="mx_ExternalLink_icon"
|
|
/>
|
|
</a>
|
|
</form>
|
|
</div>
|
|
<div
|
|
data-focus-guard="true"
|
|
style="width: 1px; height: 0px; padding: 0px; overflow: hidden; position: fixed; top: 1px; left: 1px;"
|
|
tabindex="0"
|
|
/>
|
|
</div>
|
|
`;
|