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: Cursors over UI elements should indicate clickable or text entry #1573

Merged
merged 8 commits into from
Sep 24, 2019

Conversation

belcherj
Copy link
Contributor

@belcherj belcherj commented Sep 15, 2019

Fix

Cursors in the UI do not use the proper type to indicate when elements are clickable or editable. This PR fixes those issue across the app.

Test

  1. Run the branch
  2. Step through app hovering over anything that is clickable and verify that the cursor changes to "pointer"
  3. Hover over anything that allows text entry and verify that the cursor changes to "text"

Review

Only one developer is required to review these changes, but anyone can perform the review.

Release

RELEASE-NOTES.txt was updated with:

  • Hovering over a clickable or editable UI element now show the correct cursor for its type

@belcherj belcherj self-assigned this Sep 20, 2019
@belcherj belcherj requested a review from a team September 20, 2019 19:39
@belcherj belcherj marked this pull request as ready for review September 20, 2019 19:39
CHANGELOG.md Outdated Show resolved Hide resolved
@dmsnell
Copy link
Member

dmsnell commented Sep 20, 2019

I'm not sure what to expect. Are there any before/after screenshots? I don't particularly know what "the proper type" means or how I would know that a cursor is the wrong type. Is there a way we could provide any more description in here?

@codebykat
Copy link
Member

@dmsnell There were essentially no pointer cursors over any clickable elements. I'll 👀

@codebykat codebykat changed the title Fixes cursor types Fix: Cursors over clickable UI elements should be "pointer" Sep 20, 2019
@codebykat codebykat self-requested a review September 20, 2019 21:16
Copy link
Member

@codebykat codebykat left a comment

Choose a reason for hiding this comment

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

This is already a huge improvement! 👏 I noticed a few places that still need attention:

  • The note list on the sidebar (to switch notes, or to pin/unpin a note -- should be pointer, is default)
  • Tags at the bottom of a note, when it has tags (should be pointer, is text cursor)
  • "Add a tag..." at the bottom of a note (should be text cursor, is default -- only in Firefox, it's correct in Safari)

@codebykat codebykat changed the title Fix: Cursors over clickable UI elements should be "pointer" Fix: Cursors over UI elements should indicate clickable or text entry Sep 20, 2019
@belcherj
Copy link
Contributor Author

The note list on the sidebar (to switch notes, or to pin/unpin a note -- should be pointer, is default)

This should have resolved that https://github.com/Automattic/simplenote-electron/pull/1573/files#diff-b4aef3f86a137f3edaf5a4e2fbb2a23fR104 Do you not see the pointer

Tags at the bottom of a note, when it has tags (should be pointer, is text cursor)

"Add a tag..." at the bottom of a note (should be text cursor, is default -- only in Firefox, it's correct in Safari)

Made Tags that are on a note pointer since clicking on them removes from note. In the UI spring cleaning, this interaction will be cleaned up. Where you enter new tags I changed the cursor to text.

@codebykat
Copy link
Member

I do not see the pointer over the notes sidebar, over the pin/unpin or over the note itself:

Screen Shot 2019-09-22 at 8 56 33 PM

I tested this in both Firefox and Safari.

Verified that the other two are working now 👍

@codebykat
Copy link
Member

codebykat commented Sep 23, 2019

Okay so for whatever reason it's not working to add it to .note-list-item in theme.scss (none of those styles seem to be loaded for me), but it works if added to .note-list-item in note-list/style.scss.

Copy link
Member

@codebykat codebykat left a comment

Choose a reason for hiding this comment

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

Looks great now!

@belcherj belcherj merged commit 4539d35 into develop Sep 24, 2019
@belcherj belcherj deleted the fix/cursor-types branch October 18, 2019 13:41
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants