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 sizing of breadcrumbs to make breadcrumbs size appropriate #189

Open
wants to merge 3 commits into
base: main
Choose a base branch
from

Conversation

andrewchough
Copy link

Description

Spectrum-CSS uses an alias value that is undetected by Parliament UI library, which causes no height and width to be set for the chevron icons. This change enforces the chevrons to be a certain height and width.

Related Issue

Motivation and Context

How Has This Been Tested?

Screenshots (if appropriate):

Before
Screen Shot 2022-04-27 at 10 15 36 AM

After
Screen Shot 2022-04-26 at 2 48 10 PM

Types of changes

  • Bug fix (non-breaking change which fixes an issue)
  • New feature (non-breaking change which adds functionality)
  • Breaking change (fix or feature that would cause existing functionality to change)

Checklist:

  • I have signed the Adobe Open Source CLA.
  • My code follows the code style of this project.
  • My change requires a change to the documentation.
  • I have updated the documentation accordingly.
  • I have read the CONTRIBUTING document.
  • I have added tests to cover my changes.
  • All new and existing tests passed.

@hirenoble hirenoble closed this Apr 29, 2022
@hirenoble hirenoble reopened this Apr 29, 2022
@solimant solimant force-pushed the breadcrumbsFix branch 2 times, most recently from 11d8928 to 1d9dc96 Compare May 13, 2022 21:46
@adobe adobe deleted a comment from andrewchough May 13, 2022
Copy link
Contributor

@solimant solimant left a comment

Choose a reason for hiding this comment

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

Do you think this is an opportunity to actually switch to the RSP v3 Breadcrumbs component? It's a little bit cumbersome having to deal with SVG paths and stuff, I think.

src/Breadcrumbs/index.js Outdated Show resolved Hide resolved
@andrewchough
Copy link
Author

Do you think this is an opportunity to actually switch to the RSP v3 Breadcrumbs component? It's a little bit cumbersome having to deal with SVG paths and stuff, I think.

@solimant I think this is a great idea! Will update the PR accordingly

</ul>
</nav>
)
const ParliamentBreadcrumbs = ({ breadcrumbsPages, ...props }) => {
Copy link
Contributor

Choose a reason for hiding this comment

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

Now that we've moved to using v3 Breadcrumbs, I'm not sure if having this component here is providing any value. I think we should deprecate it:

Suggested change
const ParliamentBreadcrumbs = ({ breadcrumbsPages, ...props }) => {
/**
* Parliament Breadcrumbs are deprecated. Please use the React Spectrum v3 Breadcrumbs instead.
* See the docs for details: https://react-spectrum.adobe.com/react-spectrum/Breadcrumbs.html.
*
* @deprecated
*/
const ParliamentBreadcrumbs = ({ breadcrumbsPages, ...props }) => {
console.warn('Parliament Breadcrumbs are deprecated. Please use the React Spectrum v3 Breadcrumbs instead. See the docs for details: https://react-spectrum.adobe.com/react-spectrum/Breadcrumbs.html');

Copy link
Author

Choose a reason for hiding this comment

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

Great suggestion!

Copy link

@sana-malik sana-malik left a comment

Choose a reason for hiding this comment

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

TY AC!

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.

4 participants