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

refactor(breadcrumbs): component, make it functional and pluggable #32 #94

Merged
merged 4 commits into from
Mar 8, 2022

Conversation

nileshgulia1
Copy link
Member

No description provided.

Copy link
Member

@tiberiuichim tiberiuichim left a comment

Choose a reason for hiding this comment

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

@nileshgulia1 Nice one.

Let's wait for David's approval and then merge it.

@ichim-david ichim-david changed the title refactor breadcrumbs component, make it functional and pluggable refactor(breadcrumbs): component, make it functional and pluggable #32 Mar 7, 2022
Copy link
Member

@ichim-david ichim-david left a comment

Choose a reason for hiding this comment

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

@nileshgulia1 I like what you did as well, but I don't agree with removing the wrapping segment from the breadcrumbs.

If we look at Volto's implementation it has the breadcrumbs segment as well which can be used in case you want to have a certain background set for it. (https://github.com/plone/volto/blob/master/src/components/theme/Breadcrumbs/Breadcrumbs.jsx#L79)

We don't want to have that dark background set, so we should have a variable for the segment background color to have it transparent or white.

Once you bring back the segment I am fine with the other changes.

Copy link
Member

@ichim-david ichim-david left a comment

Choose a reason for hiding this comment

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

@nileshgulia1 your changes are fine for Breacrumbs.jsx which was left over as a customization from volto-ims-theme.
The problem is the fact that this package is using Breacrumbs.stories.jsx which has a bunch of usability issues which I've tracked in ticket #32
We will see what we should do after ITML fixes the issues that I have added, perhaps another ticket will need to be added.

vertical
>
<Container>
<Breadcrumb size={'tiny'}>
Copy link
Member

Choose a reason for hiding this comment

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

Bring back size passed to breadcrumb, make it so that a prop can change the size of the breadcrumb.
We need tiny which sets size to 12px but other designs might be ok to have simply breadcrumbs which
sets the size to 16px

Copy link
Member

@tiberiuichim tiberiuichim left a comment

Choose a reason for hiding this comment

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

Regardless of anything, I don't think it's a good idea to place the Breadcrumb in a Container.

Containers in Containers are difficult to manage. Let's not make a design decision that belongs to the implementing website.

@ichim-david
Copy link
Member

Regardless of anything, I don't think it's a good idea to place the Breadcrumb in a Container.

Containers in Containers are difficult to manage. Let's not make a design decision that belongs to the implementing website.
There is a confusion here about which breadcrumbs is used where, have a look at the ticket from taskman for further details

@tiberiuichim
Copy link
Member

@nileshgulia1 Please don't force push. Try to solve the git problem in other means.

@ichim-david
Copy link
Member

@nileshgulia1 I'm going to merge this pull request as this work is fine. We will see later the implementation of breadcrumbs from storybook when ITML fixes the signaled issues

@ichim-david ichim-david merged commit 9f42e80 into develop Mar 8, 2022
@ichim-david ichim-david deleted the breadcrumbs branch March 8, 2022 15:16
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.

3 participants