-
Notifications
You must be signed in to change notification settings - Fork 1.8k
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(breadcrumb): terminating slash based on current page existence #3750
fix(breadcrumb): terminating slash based on current page existence #3750
Conversation
This change is to example/story code, where they use "with trailing slash" mode for ones without current page, and "without trailing slash" mode for ones with current page, so the current page existence can be commnunicated by the existence of the trailing slash. Fixes carbon-design-system#3625.
Deploy preview for the-carbon-components ready! Built with commit ea74f72 https://deploy-preview-3750--the-carbon-components.netlify.com |
Deploy preview for carbon-elements ready! Built with commit ea74f72 |
Deploy preview for carbon-components-react ready! Built with commit ea74f72 https://deploy-preview-3750--carbon-components-react.netlify.com |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
looks good to me!
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Looks good! Just want to confirm we have to keep the current page as link (its still clickable) for accessibility reasons?
Follow up: could we remove the underline on hover for the current page and still be compliant? |
This change does the following things for the current page link: * Remove `text-decoration` from its `:hover` state * Use default cursor
@aagonzales Done! Also addressed a comment from @shixiedesign in #3625, by changing the mouse cursor for "current page" link. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Thanks for updating! Re-approving
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Nice work! Thank you!
This change is to example/story code, where they use "with trailing slash" mode for ones without current page, and "without trailing slash" mode for ones with current page, so the current page existence can be commnunicated by the existence of the trailing slash.
Fixes #3625.
Changelog
Changed
Testing / Reviewing
Testing should make sure breadcrumbs demo/story are not broken.