Use strong element to semantically denote visually emphasised content (#12320)

* Use `strong` element to semantically denote visually emphasised content

Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>

* Update snapshots

Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>

* Add comment

Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>

---------

Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
This commit is contained in:
Michael Telatynski 2024-03-06 23:34:14 +00:00 committed by GitHub
parent 91020b3d00
commit 26176116bf
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
8 changed files with 23 additions and 19 deletions

View file

@ -278,8 +278,8 @@ export default class AccessSecretStorageDialog extends React.PureComponent<IProp
public render(): React.ReactNode {
const hasPassphrase = this.props.keyInfo?.passphrase?.salt && this.props.keyInfo?.passphrase?.iterations;
const resetButton = (
<div className="mx_AccessSecretStorageDialog_reset">
const resetLine = (
<strong className="mx_AccessSecretStorageDialog_reset">
{_t("encryption|reset_all_button", undefined, {
a: (sub) => (
<AccessibleButton
@ -291,7 +291,7 @@ export default class AccessSecretStorageDialog extends React.PureComponent<IProp
</AccessibleButton>
),
})}
</div>
</strong>
);
let content;
@ -366,7 +366,7 @@ export default class AccessSecretStorageDialog extends React.PureComponent<IProp
onCancel={this.onCancel}
focus={false}
primaryDisabled={this.state.passPhrase.length === 0}
additive={resetButton}
additive={resetLine}
/>
</form>
</div>
@ -434,7 +434,7 @@ export default class AccessSecretStorageDialog extends React.PureComponent<IProp
onCancel={this.onCancel}
focus={false}
primaryDisabled={!this.state.recoveryKeyValid}
additive={resetButton}
additive={resetLine}
/>
</form>
</div>