PrivateCoffee/element-web
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 3

Use AccessibleButton for 'Reset All' link button on SetupEncryptionBody (#8730)

Browse source 
- Remove ButtonResetDefault to respect the concept of cascading

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
This commit is contained in:
Suguru Hirahara 2022-06-03 06:07:18 +00:00 committed by GitHub
parent 54239464fa
commit b5ed051ecc
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 11 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
res/css/structures/auth/_SetupEncryptionBody.scss
View file

@ -17,9 +17,11 @@ limitations under the License.
.mx_SetupEncryptionBody_reset {
color: $light-fg-color;
margin-top: $font-14px;
}
.mx_SetupEncryptionBody_reset_link {
@mixin ButtonResetDefault;
color: $alert;
.mx_SetupEncryptionBody_reset_link {
&.mx_AccessibleButton_kind_link_inline {
padding: 0;
color: $alert;
}
}
}

8
src/components/structures/auth/SetupEncryptionBody.tsx
View file

@ -212,11 +212,13 @@ export default class SetupEncryptionBody extends React.Component<IProps, IState>
</div>
<div className="mx_SetupEncryptionBody_reset">
{ _t("Forgotten or lost all recovery methods? <a>Reset all</a>", null, {
a: (sub) => <button
a: (sub) => <AccessibleButton
kind="link_inline"
className="mx_SetupEncryptionBody_reset_link"
onClick={this.onResetClick}
className="mx_SetupEncryptionBody_reset_link mx_Dialog_nonDialogButton">
>
{ sub }
</button>,
</AccessibleButton>,
}) }
</div>
</div>