mirror of
https://github.com/vector-im/element-web.git
synced 2024-11-25 18:08:14 +08:00
e8ce9cb360
* Use h1 as first heading in dialogs The dialog should be modal and therefore the only content active on the screen, so the title of the dialog should be the top level. Update snapshots & tests appropriately. * Just customise the letter spacing on dialog titles
143 lines
3.6 KiB
Plaintext
143 lines
3.6 KiB
Plaintext
// 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 mx_Dialog_headerWithCancel"
|
|
>
|
|
<h1
|
|
class="mx_Heading_h3 mx_Dialog_title"
|
|
id="mx_BaseDialog_title"
|
|
>
|
|
Sign into your homeserver
|
|
</h1>
|
|
<div
|
|
aria-label="Close dialog"
|
|
class="mx_AccessibleButton mx_Dialog_cancelButton"
|
|
role="button"
|
|
tabindex="0"
|
|
/>
|
|
</div>
|
|
<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>
|
|
`;
|