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

ENH Improve hover active and focus state styling #191

Merged

Conversation

emteknetnz
Copy link
Member

@emteknetnz emteknetnz commented Jan 25, 2024

Issue #168

Has been demoed to and approved by design team

@emteknetnz emteknetnz force-pushed the pulls/4/hover-styling branch 2 times, most recently from dc7bc6c to 9be6397 Compare January 26, 2024 02:06
@emteknetnz emteknetnz force-pushed the pulls/4/hover-styling branch 2 times, most recently from 02cedb0 to e744de6 Compare January 29, 2024 00:35
Copy link
Contributor

@sabina-talipova sabina-talipova left a comment

Choose a reason for hiding this comment

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

@emteknetnz, there are still some issues with "span like button":

  • if we use keyboard and press "Archive" then select "Cancel" in confirmation window the Link edit modal window will be open after browser confirmation window.
  • Small style issue with External links.
    Screenshot 2024-01-29 at 2 02 10 PM

@emteknetnz emteknetnz force-pushed the pulls/4/hover-styling branch 2 times, most recently from f60611b to d39d10b Compare January 29, 2024 01:48
tabIndex="0"
className="link-picker__delete btn btn-link"
onKeyDown={(evt) => {
preventDefaultPropogation(evt);
Copy link
Contributor

Choose a reason for hiding this comment

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

@emteknetnz , could you, please, update this method. Since we have a small issue with moving further.
Probably we should replace it with stopPropagation and add evt.preventDefault() after onDelete(id)

Before (Cannot select Button below)

Screen.Recording.2024-01-29.at.4.14.17.PM.mov

After:

Screen.Recording.2024-01-29.at.4.16.10.PM.mov

@emteknetnz emteknetnz force-pushed the pulls/4/hover-styling branch from d39d10b to 836d665 Compare January 29, 2024 03:43
Copy link
Contributor

@sabina-talipova sabina-talipova left a comment

Choose a reason for hiding this comment

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

LGTM. Tested locally, it works as expected.

@sabina-talipova sabina-talipova merged commit 449b376 into silverstripe:4 Jan 29, 2024
10 checks passed
@sabina-talipova sabina-talipova deleted the pulls/4/hover-styling branch January 29, 2024 19:56
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.

2 participants