Olivero: Fix breadcrumb Chevron icon

Working on the issue will provide updated patch to fix the issue

Have attached the updated patch to fix the issue.

Kindly review the issue.

Patch #3 applied and verified successfully on Drupal 10.

I have reviewed the figma Design Figma Design with the patch color code, both are same.

Hi @Hamid.ali,
I have applied your patch but it's throwing an error.

Checking patch core/themes/olivero/css/components/breadcrumb.css...
error: while searching for:
  margin-inline: 1rem 1.25rem;
  content: "";
  transform: rotate(45deg); /* LTR */
  border-block-start: 2px solid var(--color--gray-45);
  border-inline-end: 2px solid var(--color--gray-45);
}

.breadcrumb__item:last-child {

error: patch failed: core/themes/olivero/css/components/breadcrumb.css:98
error: core/themes/olivero/css/components/breadcrumb.css: patch does not apply
Checking patch core/themes/olivero/css/components/breadcrumb.pcss.css...
error: while searching for:
    margin-inline: 16px 20px;
    content: "";
    transform: rotate(45deg); /* LTR */
    border-block-start: 2px solid var(--color--gray-45);
    border-inline-end: 2px solid var(--color--gray-45);
  }

  &:last-child {

error: patch failed: core/themes/olivero/css/components/breadcrumb.pcss.css:83
error: core/themes/olivero/css/components/breadcrumb.pcss.css: patch does not apply

Reviewing this issue

I have tested and verified patch #3 on Drupal-10.1.x-dev and Drupal-11.x. The patch was applied successfully without throwing any error and it's fixing the above-addressed issue. I am attaching a screenshot for reference, showing the state before and after applying the patch.

The last submitted patch, 3: 3370131-3.patch, failed testing. View results →

I used @Hamid.ali code to create the merge request.

So for me this is a won't fix. The proposed change introduce accessibility issue with poor color contrast.

Since hasn't been a follow up going to close out. If still an issue please reopen

quietone → closed merge request !4306