Make QR code button focusable (#9822)

feature/default_network_editable
David Walsh 4 years ago committed by GitHub
parent 974ba4f691
commit c4fad4b87f
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
  1. 2
      ui/app/pages/send/send-content/add-recipient/ens-input.component.js
  2. 2
      ui/app/pages/send/send.scss

@ -211,7 +211,7 @@ export default class EnsInput extends Component {
autoFocus autoFocus
data-testid="ens-input" data-testid="ens-input"
/> />
<div <button
className={classnames('ens-input__wrapper__action-icon', { className={classnames('ens-input__wrapper__action-icon', {
'ens-input__wrapper__action-icon--erase': input, 'ens-input__wrapper__action-icon--erase': input,
'ens-input__wrapper__action-icon--qrcode': !input, 'ens-input__wrapper__action-icon--qrcode': !input,

@ -208,6 +208,7 @@
&--erase { &--erase {
background-image: url("/images/close-gray.svg"); background-image: url("/images/close-gray.svg");
background-color: unset;
width: 0.75rem; width: 0.75rem;
height: 0.75rem; height: 0.75rem;
margin: 0 0.25rem; margin: 0 0.25rem;
@ -215,6 +216,7 @@
&--qrcode { &--qrcode {
background-image: url("/images/qr-blue.svg"); background-image: url("/images/qr-blue.svg");
background-color: unset;
width: 1.5rem; width: 1.5rem;
height: 1.5rem; height: 1.5rem;
margin: 0 0.25rem; margin: 0 0.25rem;

Loading…
Cancel
Save