Fix(web-twig): Do not render icon before the first breadcrumb item #J…

…ALL-32
lmc-eu · Nov 23, 2022 · b08fd49 · b08fd49
1 parent f4c6901
commit b08fd49
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git a/packages/web-twig/src/Resources/components/Breadcrumbs/index.twig b/packages/web-twig/src/Resources/components/Breadcrumbs/index.twig
@@ -23,7 +23,9 @@
                     </li>
                 {% endif %}
                 <li class="d-none d-tablet-flex">
-                    <Icon name="chevron-right" />
+                    {% if loop.index0 != 0 %}
+                        <Icon name="chevron-right" />
+                    {% endif %}
                     <Link
                         href="{{ item.url }}"
                         color="{{ loop.last ? 'secondary' : 'primary' }}"

diff --git a/.../__snapshots__/ComponentsSnapshotTest__test with data set breadcrumbsDefault.twig__1.html b/.../__snapshots__/ComponentsSnapshotTest__test with data set breadcrumbsDefault.twig__1.html
@@ -1,11 +1,9 @@
 <html><body>
 <nav class="Breadcrumbs" aria-label="Breadcrumb">
 <ol>
+<li class="d-none d-tablet-flex"><a aria-current="false" href="#rootUrl" class="link-primary link-underlined">Root</a></li>
 <li class="d-none d-tablet-flex">
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" id="82a17c5baa08e4d4af9894ef5019acde" aria-hidden="true"><path d="M9.29006 7.05475C8.90006 7.44475 8.90006 8.07475 9.29006 8.46475L13.1701 12.3447L9.29006 16.2247C8.90006 16.6147 8.90006 17.2447 9.29006 17.6347C9.68006 18.0247 10.3101 18.0247 10.7001 17.6347L15.2901 13.0447C15.6801 12.6547 15.6801 12.0247 15.2901 11.6347L10.7001 7.04475C10.3201 6.66475 9.68006 6.66475 9.29006 7.05475Z" fill="#132930"></path></svg><a aria-current="false" href="#rootUrl" class="link-primary link-underlined">Root</a>
-</li>
-<li class="d-none d-tablet-flex">
-<svg width="24" height="24" fill="none" viewbox="0 0 24 24" aria-hidden="true"><use href="#82a17c5baa08e4d4af9894ef5019acde"></use></svg><a aria-current="false" href="#categoryUrl" class="link-primary link-underlined">Category</a>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" id="82a17c5baa08e4d4af9894ef5019acde" aria-hidden="true"><path d="M9.29006 7.05475C8.90006 7.44475 8.90006 8.07475 9.29006 8.46475L13.1701 12.3447L9.29006 16.2247C8.90006 16.6147 8.90006 17.2447 9.29006 17.6347C9.68006 18.0247 10.3101 18.0247 10.7001 17.6347L15.2901 13.0447C15.6801 12.6547 15.6801 12.0247 15.2901 11.6347L10.7001 7.04475C10.3201 6.66475 9.68006 6.66475 9.29006 7.05475Z" fill="#132930"></path></svg><a aria-current="false" href="#categoryUrl" class="link-primary link-underlined">Category</a>
 </li>
 <li class="d-tablet-none">
 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" id="913a41f9b0ad333a62863a72cd8e504d" aria-hidden="true"><path d="M14.71 7.05471C14.32 6.66471 13.69 6.66471 13.3 7.05471L8.70998 11.6447C8.31998 12.0347 8.31998 12.6647 8.70998 13.0547L13.3 17.6447C13.69 18.0347 14.32 18.0347 14.71 17.6447C15.1 17.2547 15.1 16.6247 14.71 16.2347L10.83 12.3447L14.71 8.46471C15.1 8.07471 15.09 7.43471 14.71 7.05471Z" fill="#132930"></path></svg><a href="#subcategoryUrl" class="link-primary link-underlined">Back</a>