From 565cf415c5a6313e41becd4fd20aeb1f20b925fd Mon Sep 17 00:00:00 2001
From: literat <tomas@litera.me>
Date: Mon, 2 Oct 2023 16:07:48 +0200
Subject: [PATCH] Docs(web): Switch sides of the icon in Breadcrumbs

  * due to the intorduction of the BreacrumbsItem component in web-react
    and web-twig packages
  * semantically it is fine and works it the same way as before
---
 .../scss/components/Breadcrumbs/index.html    | 24 +++++++++----------
 1 file changed, 12 insertions(+), 12 deletions(-)

diff --git a/packages/web/src/scss/components/Breadcrumbs/index.html b/packages/web/src/scss/components/Breadcrumbs/index.html
index a97467a3b7..7f11dbd2d7 100644
--- a/packages/web/src/scss/components/Breadcrumbs/index.html
+++ b/packages/web/src/scss/components/Breadcrumbs/index.html
@@ -6,12 +6,15 @@ <h2 class="docs-Heading">Default</h2>
     <ol>
       <li class="d-none d-tablet-flex">
         <a href="#rootUrl" class="link-primary link-underlined">Root</a>
+        <svg class="Icon" width="24" height="24">
+          <use xlink:href="/icons/svg/sprite.svg#chevron-right" />
+        </svg>
       </li>
       <li class="d-none d-tablet-flex">
+        <a href="#categoryUrl" class="link-primary link-underlined">Category</a>
         <svg class="Icon" width="24" height="24">
           <use xlink:href="/icons/svg/sprite.svg#chevron-right" />
         </svg>
-        <a href="#categoryUrl" class="link-primary link-underlined">Category</a>
       </li>
       <li class="d-tablet-none">
         <svg class="Icon" width="24" height="24">
@@ -20,23 +23,20 @@ <h2 class="docs-Heading">Default</h2>
         <a href="#subcategoryUrl" class="link-primary link-underlined">Back</a>
       </li>
       <li class="d-none d-tablet-flex">
+        <a href="#subcategoryUrl" class="link-primary link-underlined">Subcategory</a>
         <svg class="Icon" width="24" height="24">
           <use xlink:href="/icons/svg/sprite.svg#chevron-right" />
         </svg>
-        <a href="#subcategoryUrl" class="link-primary link-underlined">Subcategory</a>
       </li>
       <li class="d-none d-tablet-flex">
-        <svg class="Icon" width="24" height="24">
-          <use xlink:href="/icons/svg/sprite.svg#chevron-right" />
-        </svg>
         <a href="#currentUrl" aria-current="page" class="link-secondary">Current page</a>
       </li>
     </ol>
   </nav>
 </section>
 
-<!-- 
-  This code is a copy of the 'Default' section. 
+<!--
+  This code is a copy of the 'Default' section.
   We need a visually identical demo to the Twig & React, where we have both the 'Default' and 'Custom' implementations.
 -->
 <section class="docs-Section">
@@ -45,12 +45,15 @@ <h2 class="docs-Heading">Custom</h2>
     <ol>
       <li class="d-none d-tablet-flex">
         <a href="#rootUrl" class="link-primary link-underlined">Root</a>
+        <svg class="Icon" width="24" height="24">
+          <use xlink:href="/icons/svg/sprite.svg#chevron-right" />
+        </svg>
       </li>
       <li class="d-none d-tablet-flex">
+        <a href="#categoryUrl" class="link-primary link-underlined">Category</a>
         <svg class="Icon" width="24" height="24">
           <use xlink:href="/icons/svg/sprite.svg#chevron-right" />
         </svg>
-        <a href="#categoryUrl" class="link-primary link-underlined">Category</a>
       </li>
       <li class="d-tablet-none">
         <svg class="Icon" width="24" height="24">
@@ -59,15 +62,12 @@ <h2 class="docs-Heading">Custom</h2>
         <a href="#subcategoryUrl" class="link-primary link-underlined">Back</a>
       </li>
       <li class="d-none d-tablet-flex">
+        <a href="#subcategoryUrl" class="link-primary link-underlined">Subcategory</a>
         <svg class="Icon" width="24" height="24">
           <use xlink:href="/icons/svg/sprite.svg#chevron-right" />
         </svg>
-        <a href="#subcategoryUrl" class="link-primary link-underlined">Subcategory</a>
       </li>
       <li class="d-none d-tablet-flex">
-        <svg class="Icon" width="24" height="24">
-          <use xlink:href="/icons/svg/sprite.svg#chevron-right" />
-        </svg>
         <a href="#currentUrl" aria-current="page" class="link-secondary">Current page</a>
       </li>
     </ol>