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

Remove hover for active tab #1420

Merged

Conversation

MewenLeHo
Copy link
Contributor

Closes #1332

@MewenLeHo MewenLeHo self-assigned this Jul 27, 2022
@MewenLeHo MewenLeHo marked this pull request as draft July 27, 2022 09:38
@netlify
Copy link

netlify bot commented Jul 27, 2022

Deploy Preview for boosted ready!

Name Link
🔨 Latest commit a03e08b
🔍 Latest deploy log https://app.netlify.com/sites/boosted/deploys/639c47fcd61419000991a8a7
😎 Deploy Preview https://deploy-preview-1420--boosted.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site settings.

@julien-deramond julien-deramond marked this pull request as ready for review July 28, 2022 06:20
@MewenLeHo MewenLeHo force-pushed the main-mlh-navs-tabs-fix-hiver-color-selected-items branch from bdb7dd9 to 2ade90c Compare July 28, 2022 17:17
Copy link
Member

@isabellechanclou isabellechanclou left a comment

Choose a reason for hiding this comment

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

Both fixes ok for me.

@julien-deramond

This comment was marked as outdated.

scss/_nav.scss Outdated Show resolved Hide resolved
scss/_nav.scss Outdated
&.active:hover {
color: var(--#{$prefix}nav-tabs-link-active-color);
}

Copy link
Member

Choose a reason for hiding this comment

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

OK with this.

⚠️ There is a remaining visual behavior to be fixed in PR #1437: on mouse down (active state) on a selected item, the text color stays black as expected, but when the click is released and the mouse is moved away,
the text color turns orange when it shouldn't. It has to do with the focus management.

@julien-deramond
Copy link
Member

julien-deramond commented Aug 24, 2022

Regression: Active + focused tab item changes color (+ border color) when hovered.

Peek 2022-08-24 14-13

We don't see the cursor but I'm hovering the tab item in this Gif

@louismaximepiton

This comment was marked as resolved.

scss/_nav.scss Outdated Show resolved Hide resolved
Copy link
Member

@julien-deramond julien-deramond left a comment

Choose a reason for hiding this comment

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

LGTM!

@sonarcloud
Copy link

sonarcloud bot commented Dec 16, 2022

Kudos, SonarCloud Quality Gate passed!    Quality Gate passed

Bug A 0 Bugs
Vulnerability A 0 Vulnerabilities
Security Hotspot A 0 Security Hotspots
Code Smell A 0 Code Smells

No Coverage information No Coverage information
0.0% 0.0% Duplication

@julien-deramond julien-deramond merged commit c661309 into main Dec 16, 2022
@julien-deramond julien-deramond deleted the main-mlh-navs-tabs-fix-hiver-color-selected-items branch December 16, 2022 10:30
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.

Docs > Components > Navs-tabs: Fix hover color on a selected item
4 participants