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(breadcrumb): terminating slash based on current page existence #3750

Conversation

asudoh
Copy link
Contributor

@asudoh asudoh commented Aug 16, 2019

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

  • Breadcrumbs example/story code, as described above.

Testing / Reviewing

Testing should make sure breadcrumbs demo/story are not broken.

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.
@netlify
Copy link

netlify bot commented Aug 16, 2019

Deploy preview for the-carbon-components ready!

Built with commit ea74f72

https://deploy-preview-3750--the-carbon-components.netlify.com

@netlify
Copy link

netlify bot commented Aug 16, 2019

Deploy preview for carbon-elements ready!

Built with commit ea74f72

https://deploy-preview-3750--carbon-elements.netlify.com

@netlify
Copy link

netlify bot commented Aug 16, 2019

Deploy preview for carbon-components-react ready!

Built with commit ea74f72

https://deploy-preview-3750--carbon-components-react.netlify.com

Copy link
Member

@emyarod emyarod left a 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!

Copy link
Member

@aagonzales aagonzales left a 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?

@aagonzales
Copy link
Member

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
@asudoh
Copy link
Contributor Author

asudoh commented Aug 19, 2019

Follow up: could we remove the underline on hover for the current page and still be compliant?

@aagonzales Done!

Also addressed a comment from @shixiedesign in #3625, by changing the mouse cursor for "current page" link.

Copy link
Member

@aagonzales aagonzales left a 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

Copy link
Contributor

@shixiedesign shixiedesign left a 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!

@shixiedesign shixiedesign merged commit 5ba259e into carbon-design-system:master Aug 19, 2019
@asudoh asudoh deleted the breadcrumb-current-page-trailing-slash branch August 19, 2019 23:15
@jnm2377 jnm2377 mentioned this pull request Sep 4, 2019
17 tasks
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Current Page breadcrumb fails Use of Color
5 participants