m/metamask-extension
1
0
Fork 0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-10-22 19:26:13 +02:00
Code

Make action elements in actionable message component accessible (#10386)

Browse Source 
* Make action elements in actionable message component accessible by making them buttons

* Remove unnecessary cursor pointer
This commit is contained in:
Dan J Miller 2021-02-05 14:57:48 -03:30 committed by GitHub
parent 33ab480fbe
commit 27d6c6e0df
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 4 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
ui/app/pages/swaps/actionable-message/actionable-message.js
View File

@ -41,7 +41,7 @@ export default function ActionableMessage({
{(primaryAction || secondaryAction) && (
<div className="actionable-message__actions">
{primaryAction && (
<div
<button
className={classnames(
'actionable-message__action',
'actionable-message__action--primary',
@ -49,10 +49,10 @@ export default function ActionableMessage({
onClick={primaryAction.onClick}
>
{primaryAction.label}
</div>
</button>
)}
{secondaryAction && (
<div
<button
className={classnames(
'actionable-message__action',
'actionable-message__action--secondary',
@ -60,7 +60,7 @@ export default function ActionableMessage({
onClick={secondaryAction.onClick}
>
{secondaryAction.label}
</div>
</button>
)}
</div>
)}

2
ui/app/pages/swaps/actionable-message/index.scss
View File

@ -27,7 +27,6 @@
&__action {
font-weight: bold;
cursor: pointer;
}
&__info-tooltip-wrapper {
@ -83,7 +82,6 @@
.actionable-message__action {
font-weight: normal;
cursor: pointer;
border-radius: 42px;
min-width: 72px;
height: 18px;