-
Notifications
You must be signed in to change notification settings - Fork 3
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
Conversation
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.
@nileshgulia1 Nice one.
Let's wait for David's approval and then merge it.
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.
@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.
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.
@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'}> |
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.
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
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.
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.
|
02cf14f
to
3c8e1c6
Compare
@nileshgulia1 Please don't force push. Try to solve the git problem in other means. |
@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 |
No description provided.