OpenCloud
/
element-web
mirror of https://github.com/vector-im/element-web
1
0
Fork 0
Code Issues Releases Wiki Activity

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

- Remove ButtonResetDefault to respect the concept of cascading

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
pull/28788/head^2
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 { .mx_SetupEncryptionBody_reset {
color: $light-fg-color; color: $light-fg-color;
margin-top: $font-14px; margin-top: $font-14px;
}
.mx_SetupEncryptionBody_reset_link { .mx_SetupEncryptionBody_reset_link {
@mixin ButtonResetDefault; &.mx_AccessibleButton_kind_link_inline {
color: $alert; 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>
<div className="mx_SetupEncryptionBody_reset"> <div className="mx_SetupEncryptionBody_reset">
{ _t("Forgotten or lost all recovery methods? <a>Reset all</a>", null, { { _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} onClick={this.onResetClick}
className="mx_SetupEncryptionBody_reset_link mx_Dialog_nonDialogButton"> >
{ sub } { sub }
</button>, </AccessibleButton>,
}) } }) }
</div> </div>
</div> </div>