Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

fix: adjust focus color for upload qr modal #442

Merged
merged 2 commits into from
Jul 16, 2024

Conversation

patricio0312rev
Copy link
Contributor

[QR] Upload QR Code button outline

Summary

  • Focus color for the "Upload QR" button and for the drag and drop zone have been updated.
image image

Checklist

  • I checked that both pnpm dev and pnpm dev:bare work as intended
  • I checked the basic extension interactions and made sure wallet selection works
  • I checked my UI changes against the design and there are no notable differences, including responsiveness
  • I checked my (code) changes for obvious issues, debug statements and commented code
  • I opened a corresponding card on Clickup for any remaining TODOs in my code
  • I added a short description on how to test this PR (if necessary)
  • Ready to be merged

@@ -138,9 +138,9 @@ export const UploadQRModal = ({
maxSize={5}
onSizeError={handleSizeError}
onTypeError={handleTypeError}
tabIndex={-1}
classes='focus-within:!outline-theme-primary-600 rounded-2xl'
Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I am using focus-within and forcing the class name due to the library not allowing the management of tab index or overriding their styles.

@ItsANameToo ItsANameToo added this to the 1.13.0 milestone Jul 16, 2024
@ItsANameToo ItsANameToo merged commit bdeb896 into develop Jul 16, 2024
4 checks passed
@ItsANameToo ItsANameToo deleted the fix/upload-qr-outline-color branch July 16, 2024 15:50
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants