Fixed breadcrumbs (#96)

SociableSteve · web-flow · commit c7ef588a9d78 · 2023-07-31T12:00:19.000+01:00
* Fixed breadcrumbs

Added breadcrumb chevron back in, and changed to show inside hero instead of content when one exists

* Added check in case there is a hero
diff --git a/assets/images/icons/svgs/chevron-right-n400.svg b/assets/images/icons/svgs/chevron-right-n400.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none">
+<path d="M6.75 3.75L12 9L6.75 14.25" stroke="#393E4C" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/assets/style/breadcrumbs.css b/assets/style/breadcrumbs.css
@@ -5,10 +5,11 @@
   margin: 0;
   padding: 0;
   line-height: 1.3rem;
+  color: var(--neutral-n400);
 }
 
 .breadcrumbs li:not(:first-of-type) {
-  background-image: url("/images/chevron_right.svg");
+  background-image: url("/images/icons/svgs/chevron-right-n400.svg");
   background-repeat: no-repeat;
   padding-left: 1.625rem; /* make space for the background image */
 }
diff --git a/layouts/default.html b/layouts/default.html
@@ -7,10 +7,16 @@
 >
   <%= render("/_sitehead/") %>
   <body>
-    <%= render("/components/header/") %> <%= render("/_nav/",
-    :section_navigation => has_subnav?(@item) && subnav_items(@item).length > 0)
-    %> <% if @item[:hero] %>
-    <section class="hero"><%= render(@item[:hero]) %></section>
+    <%= render("/components/header/") %>
+    <%= render("/_nav/", :section_navigation => has_subnav?(@item) && subnav_items(@item).length > 0) %>
+
+    <% if @item[:hero] %>
+    <section class="hero">
+      <% if (@item.identifier != '/') %>
+        <%= render("/components/breadcrumbs/") %>
+      <% end %>
+      <%= render(@item[:hero]) %>
+    </section>
     <%end%>
 
     <main>
@@ -29,7 +35,7 @@
           <% end %>
 
           <section class="content">
-            <% if (@item.identifier != '/') %>
+            <% if (@item.identifier != '/' && !@item[:hero]) %>
               <%= render("/components/breadcrumbs/") %>
             <% end %>
   

Original file line number	Diff line number	Diff line change
`@@ -5,10 +5,11 @@`
`5`	`5`	`margin: 0;`
`6`	`6`	`padding: 0;`
`7`	`7`	`line-height: 1.3rem;`
	`8`	`+ color: var(--neutral-n400);`
`8`	`9`	`}`
`9`	`10`
`10`	`11`	`.breadcrumbs li:not(:first-of-type) {`
`11`		`- background-image: url("/images/chevron_right.svg");`
	`12`	`+ background-image: url("/images/icons/svgs/chevron-right-n400.svg");`
`12`	`13`	`background-repeat: no-repeat;`
`13`	`14`	`padding-left: 1.625rem; /* make space for the background image */`
`14`	`15`	`}`