Olivero: wrap breadcrumb items

Here's follows a patch with some work to this problem but needs work!

@Gauravmahlawat breadcrumb items are goes certain width it's enable horizontal scrollbar.

it's working fine & attached screenshot

Hi @marcusvsouza i have checked your merge request, here you just added the cahnges directly to this file "core/themes/olivero/css/components/breadcrumb.css" . that's why the custom commands getting failed. for this issue you have to do the changes on "core/themes/olivero/css/components/breadcrumb.pcss.css" and compile the css, and add both files.

And i have checked your changes manualy and i have seen one ponit, that is you have written

.breadcrumb__item:nth-child(10) {
  clear: left;
}
@media (max-width: 70rem) {
  .breadcrumb__item:nth-child(7) {
    clear: left;
  }
}

But we can't assume the length of the breadcrumb word, if you are adding a breadcrumb with more than 20 words, then we cannot say we can have the break after 7 breadcrumb-item. So please take care this point too.
Please go through this link this will help you to contribute on olivero theme.

Yes i know you are new to contribution.. Hope this will help you. Happy contributing... !!!

@indrajith-kb thanks for the information, follows a new patch witch the necessaries changes. Please revise!

#9 Fixed Custom Commands Failed, recreated patch

Here's a patch correcting the erros from the previous one!

Here's a patch correcting the erros from the previous one!

Thanks for the issue.

The design currently calls for a single line of breadcrumbs within an overflow container. At this point in the process, we're not making changes to the design unless absolutely necessary.