scinote-web/app/views/shared/navigation/_breadcrumbs.html.erb

<% if @breadcrumbs_items&.length %>
  <% shortened = @breadcrumbs_items.length > 4 %>

  <% if shortened %>
    <% first_breadcrumb_item = @breadcrumbs_items.shift
      last_breadcrumb_items = @breadcrumbs_items.pop(2) %>
    <%= link_to(first_breadcrumb_item[:label], first_breadcrumb_item[:url],
                  class: "breadcrumbs-link",
                  title: first_breadcrumb_item[:label]) %>
    <span class="delimiter">
      <%= image_tag "icon_small/navigate_next.svg",
                    alt: "navigate next",
                    class: "navigate_next" %>
    </span>
    <span class="breadcrumbs-collapsed-container">
        <span class="show-breadcrumbs" data-toggle="dropdown" title="<%= t('projects.index.breadcrumbs_collapsed') %>">
          •••
          <span class="caret pull-right"></span>
        </span>
        <ul class="dropdown-menu breadcrumbs-dropdown" role="menu">
          <% @breadcrumbs_items.each do |item| %>
            <li>
              <%= link_to(item[:label], item[:url]) %>
            </li>
          <% end %>
        </ul>
    </span>
    <span class="delimiter">
      <%= image_tag "icon_small/navigate_next.svg",
                    alt: "navigate next",
                    class: "navigate_next" %>
    </span>
    <% item = last_breadcrumb_items.first %>
    <%= link_to(item[:label], item[:url],
                class: "breadcrumbs-link",
                title: item[:label]) %>
    <span class="delimiter">
      <%= image_tag "icon_small/navigate_next.svg",
                    alt: "navigate next",
                    class: "navigate_next" %>
    </span>
    <% last_item = last_breadcrumb_items.last %>
    <span class="breadcrumbs-link" title="<%= last_item[:label] %>">
      <%= last_item[:label] %>
    </span>
  <% else %>
    <% last_item = @breadcrumbs_items.pop %>
    <% @breadcrumbs_items.each do |item| %>
      <% if item[:url] %>
        <%= link_to(item[:label], item[:url],
                    class: "breadcrumbs-link",
                    title: item[:label]) %>
      <% else %>
        <%= content_tag(:span, item[:label],
                        class: "breadcrumbs-link plain-text",
                        title: item[:label]) %>
      <% end %>

      <span class="delimiter">
        <img src="<%= asset_path "icon_small/navigate_next.svg"%>"
            alt="navigate next"
            class="navigate_next">
      </span>
    <% end %>

    <span class="breadcrumbs-link" title="<%= last_item[:label] %>">
      <%= last_item[:label] %>
    </span>
  <% end %>
<% end %>