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

Improve non-hold key callouts #21

Open
2 tasks done
andrewtavis opened this issue May 18, 2022 · 7 comments
Open
2 tasks done

Improve non-hold key callouts #21

andrewtavis opened this issue May 18, 2022 · 7 comments
Assignees
Labels
design Relates to UX/UI designs hacktoberfest Included as a part of Hacktoberfest help wanted Extra attention is needed

Comments

@andrewtavis
Copy link
Member

Terms

Description

This issue is to improve the key callouts that pop up when a key is pressed. As of now the callouts don't cover the key when they're pressed, with the user generally not seeing this as their thumb is covering the key, but the behavior is not correct based on comparisons to system keyboards.

Ideally there would be a full callout that covers the key, which then would transition to the hold callout if the user is holding a key to select alternate characters.

Contribution

This issue is thus of low priority as of now, but could be worked on later when the callouts are being investigated further. Others are welcome to contribute!

@andrewtavis andrewtavis added good first issue Good for newcomers help wanted Extra attention is needed design Relates to UX/UI designs and removed good first issue Good for newcomers labels May 18, 2022
@andrewtavis andrewtavis added the hacktoberfest Included as a part of Hacktoberfest label Sep 30, 2024
@Linfye
Copy link
Collaborator

Linfye commented Nov 30, 2024

@andrewtavis Does this issue still exist? Could you explain in details, like a screenshot?:)

@andrewtavis
Copy link
Member Author

Will send something along later, @Linfye, but yes it does! :)

@andrewtavis
Copy link
Member Author

In looking at it, there are a lot of issues with this functionality at this point, @Linfye, and it would be great if you could take a look at it :)

All of this is activated by Show popup on keypress in the settings, or at least the base popup. You can see that in dark mode the key popup is not colored appropriately:

Screenshot 2024-11-30 at 15 23 04 (2)

Beyond that is the original reason for this issue, which is that the callout there is a bit messy. It'd be great if the callout looks more like it does in the iOS app where it visually appears that the callout is coming from the key, not just hovering over it:

Screenshot 2024-11-30 at 15 29 56 (2)

Beyond that, the hold key for alternate characters functionality seems to have been broken along the way, or isn't working well in dark mode. See the image below:

Screenshot 2024-11-30 at 15 23 22 (2)

The above is me holding the A key, but then there's no background behind the options to make it clear that if I swipe I can select one of the alternate A characters.

Let me know if you'd have interest in looking into any of the above! We could start with one PR to fix the color of the base callout in dark mode and make the hold to select callout visible again, and then we could do another PR to improve the callout itself 😊 Feel free to indicate that you have interest, and from there you can get started and I'll assign you later 🚀

@Linfye
Copy link
Collaborator

Linfye commented Nov 30, 2024

Yes, I'd like to work on this. Thanks for your explaination. :)

@andrewtavis
Copy link
Member Author

Nice, @Linfye! Let us know if you have any questions :)

@Linfye Linfye mentioned this issue Dec 2, 2024
2 tasks
@andrewtavis
Copy link
Member Author

Do you want to work on a fix for the long hold accent character selection background now, @Linfye? So a fix for the following above where the optional characters have no background:

Screenshot 2024-11-30 at 15 23 22 (2)

@Linfye
Copy link
Collaborator

Linfye commented Dec 3, 2024

Yes 😁

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
design Relates to UX/UI designs hacktoberfest Included as a part of Hacktoberfest help wanted Extra attention is needed
Projects
Status: Todo
Development

No branches or pull requests

2 participants