scinote-web/app/views/experiments/_show_header.html.erb

<div class="content-header sticky-header">
  <div class="title-row">
    <i class="fas fa-bars sci--layout--navigator-open p-2 cursor-pointer"></i>
    <h1 class="experimnet-name" data-toggle="tooltip" data-placement="bottom" title="<%= @experiment.name %>">
      <% if @experiment.archived? %>
        <i class="fas fa-archive" data-view-mode="archived"></i>
      <% end %>
      <% if @inline_editable_title_config.present? %>
              <%= render partial: "shared/inline_editing",
                         locals: {
                            initial_value: @experiment.name,
                            config: @inline_editable_title_config
                         } %>
      <% else %>
        <div class="name-readonly-placeholder">
          <%= @experiment.name %>
        </div>
      <% end %>
    </h1>
  </div>
</div>