Use h1 as first heading in dialogs (#12250)
* 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
This commit is contained in:
parent
b5048bf63e
commit
e8ce9cb360
21 changed files with 71 additions and 70 deletions
|
@ -16,12 +16,12 @@ exports[`CreateKeyBackupDialog should display an error message when backup creat
|
|||
<div
|
||||
class="mx_Dialog_header"
|
||||
>
|
||||
<h2
|
||||
<h1
|
||||
class="mx_Heading_h3 mx_Dialog_title"
|
||||
id="mx_BaseDialog_title"
|
||||
>
|
||||
Starting backup…
|
||||
</h2>
|
||||
</h1>
|
||||
</div>
|
||||
<div>
|
||||
<div>
|
||||
|
@ -76,12 +76,12 @@ exports[`CreateKeyBackupDialog should display the spinner when creating backup 1
|
|||
<div
|
||||
class="mx_Dialog_header"
|
||||
>
|
||||
<h2
|
||||
<h1
|
||||
class="mx_Heading_h3 mx_Dialog_title"
|
||||
id="mx_BaseDialog_title"
|
||||
>
|
||||
Starting backup…
|
||||
</h2>
|
||||
</h1>
|
||||
</div>
|
||||
<div>
|
||||
<div>
|
||||
|
@ -123,12 +123,12 @@ exports[`CreateKeyBackupDialog should display the success dialog when the key ba
|
|||
<div
|
||||
class="mx_Dialog_header mx_Dialog_headerWithCancel"
|
||||
>
|
||||
<h2
|
||||
<h1
|
||||
class="mx_Heading_h3 mx_Dialog_title"
|
||||
id="mx_BaseDialog_title"
|
||||
>
|
||||
Success!
|
||||
</h2>
|
||||
</h1>
|
||||
<div
|
||||
aria-label="Close dialog"
|
||||
class="mx_AccessibleButton mx_Dialog_cancelButton"
|
||||
|
|
|
@ -16,12 +16,12 @@ exports[`CreateSecretStorageDialog shows 'Generate a Security Key' text if no ke
|
|||
<div
|
||||
class="mx_Dialog_header"
|
||||
>
|
||||
<h2
|
||||
<h1
|
||||
class="mx_Heading_h3 mx_Dialog_title mx_CreateSecretStorageDialog_centeredTitle"
|
||||
id="mx_BaseDialog_title"
|
||||
>
|
||||
Set up Secure Backup
|
||||
</h2>
|
||||
</h1>
|
||||
</div>
|
||||
<div>
|
||||
<form>
|
||||
|
@ -184,12 +184,12 @@ exports[`CreateSecretStorageDialog when backup is present but not trusted shows
|
|||
<div
|
||||
class="mx_Dialog_header"
|
||||
>
|
||||
<h2
|
||||
<h1
|
||||
class="mx_Heading_h3 mx_Dialog_title"
|
||||
id="mx_BaseDialog_title"
|
||||
>
|
||||
Upgrade your encryption
|
||||
</h2>
|
||||
</h1>
|
||||
</div>
|
||||
<div>
|
||||
<form>
|
||||
|
@ -251,12 +251,12 @@ exports[`CreateSecretStorageDialog when canUploadKeysWithPasswordOnly calls boot
|
|||
<div
|
||||
class="mx_Dialog_header"
|
||||
>
|
||||
<h2
|
||||
<h1
|
||||
class="mx_Heading_h3 mx_Dialog_title"
|
||||
id="mx_BaseDialog_title"
|
||||
>
|
||||
Upgrade your encryption
|
||||
</h2>
|
||||
</h1>
|
||||
</div>
|
||||
<div>
|
||||
<form>
|
||||
|
@ -337,12 +337,12 @@ exports[`CreateSecretStorageDialog when canUploadKeysWithPasswordOnly prompts fo
|
|||
<div
|
||||
class="mx_Dialog_header"
|
||||
>
|
||||
<h2
|
||||
<h1
|
||||
class="mx_Heading_h3 mx_Dialog_title"
|
||||
id="mx_BaseDialog_title"
|
||||
>
|
||||
Upgrade your encryption
|
||||
</h2>
|
||||
</h1>
|
||||
</div>
|
||||
<div>
|
||||
<form>
|
||||
|
@ -423,12 +423,12 @@ exports[`CreateSecretStorageDialog when canUploadKeysWithPasswordOnly when there
|
|||
<div
|
||||
class="mx_Dialog_header"
|
||||
>
|
||||
<h2
|
||||
<h1
|
||||
class="mx_Heading_h3 mx_Dialog_title"
|
||||
id="mx_BaseDialog_title"
|
||||
>
|
||||
Upgrade your encryption
|
||||
</h2>
|
||||
</h1>
|
||||
</div>
|
||||
<div>
|
||||
<form>
|
||||
|
|
|
@ -16,12 +16,12 @@ exports[`ExportE2eKeysDialog renders 1`] = `
|
|||
<div
|
||||
class="mx_Dialog_header mx_Dialog_headerWithCancel"
|
||||
>
|
||||
<h2
|
||||
<h1
|
||||
class="mx_Heading_h3 mx_Dialog_title"
|
||||
id="mx_BaseDialog_title"
|
||||
>
|
||||
Export room keys
|
||||
</h2>
|
||||
</h1>
|
||||
<div
|
||||
aria-label="Close dialog"
|
||||
class="mx_AccessibleButton mx_Dialog_cancelButton"
|
||||
|
|
|
@ -16,12 +16,12 @@ exports[`ImportE2eKeysDialog renders 1`] = `
|
|||
<div
|
||||
class="mx_Dialog_header mx_Dialog_headerWithCancel"
|
||||
>
|
||||
<h2
|
||||
<h1
|
||||
class="mx_Heading_h3 mx_Dialog_title"
|
||||
id="mx_BaseDialog_title"
|
||||
>
|
||||
Import room keys
|
||||
</h2>
|
||||
</h1>
|
||||
<div
|
||||
aria-label="Close dialog"
|
||||
class="mx_AccessibleButton mx_Dialog_cancelButton"
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue