layouts/header.html (44 lines of code) (raw):
<nav class="navbar navbar-expand-md navbar-dark gl-py-0 gl-px-5 gl-sticky gl-top-0 gl-z-index-200" data-elastic-exclude>
<a class="navbar-brand d-flex align-items-center justify-content-center mr-3" href="/">
<img src="<%= @items['/assets/images/gitlab-logo-header.svg'].path %>" alt="GitLab documentation home" class="logo" />
<span class="border-left border-light ml-2 pl-2">Docs</strong>
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mr-auto mb-0">
<li class="nav-item active">
<% if @item[:searchbar].nil? %>
<% location = @item.identifier.to_s.split('/')[1] %>
<% unless %w(search index.erb).any?(location) %>
<% if @config[:search_backend] == "elastic" %>
<div class="js-elastic-search-form gl-spinner-container">
<span aria-label="Loading" class="gl-ml-3 gl-vertical-align-text-bottom! gl-spinner gl-spinner-light gl-spinner-sm"></span>
</div>
<% elsif @config[:search_backend] == "lunr" %>
<div class="js-search-form gl-spinner-container">
<span aria-label="Loading" class="gl-ml-3 gl-vertical-align-text-bottom! gl-spinner gl-spinner-light gl-spinner-sm"></span>
</div>
<% end %>
<% end %>
<% end %>
</li>
</ul>
<ul class="navbar-nav mb-0">
<li class="nav-item active">
<a class="nav-link" href="https://about.gitlab.com/releases/categories/releases/" target="_blank">What's new?</a>
</li>
</ul>
<div class="js-versions-menu"></div>
<ul class="navbar-nav gl-mb-3 gl-md-mb-0 gl-md-pr-3">
<li class="nav-item gl-mb-4! gl-md-mb-0!">
<% if @item.identifier.to_s.split('/')[1] == 'omnibus' %>
<%= render '/cta_omnibus.*' %>
<% else %>
<%= render '/cta.*' %>
<% end %>
</li>
</ul>
</div>
</nav>