top-bar.html.twig

{#
/**
 * @file
 * Default theme implementation for the navigation top bar.
 *
 * Available variables:
 * - tools: The tools region of the top bar.
 * - context: The context region of the top bar.
 * - actions: The actions region of the top bar.
 * - local_tasks: The local tasks for the current route.
 * - default_admin_breadcrumbs: The rendered breadcrumb block.
 * - default_admin_local_actions: The rendered local actions block.
 * - default_admin_form_actions: The rendered sticky form actions.
 *
 * @ingroup themeable
 */
#}
{% set attributes = create_attribute() %}
{% if local_tasks %}
  {% set attributes = attributes.setAttribute('data-offset-top', '') %}
{% endif %}
<div {{ attributes.addClass('top-bar admin--navigation-top-bar').setAttribute('data-drupal-admin-styles', '').setAttribute('role', 'region').setAttribute('aria-label', 'Administrative top bar'|t) }}>
  <div class="top-bar__content">
    {{ include('@navigation/toolbar-button.html.twig', {
      attributes: create_attribute({'aria-expanded': 'false', 'aria-controls': 'admin-toolbar'}),
      icon: 'burger',
      text: 'Expand sidebar'|t,
      extra_classes: 'top-bar__burger',
    }, with_context: false, ignore_missing: true) }}
    <div class="top-bar__tools">
      {% if default_admin_breadcrumbs %}
        {{ default_admin_breadcrumbs }}
      {% endif %}

      {% if local_tasks %}
        {{ local_tasks }}
      {% endif %}

      {{- tools -}}
    </div>
    <div class="top-bar__context">
      {{- context -}}
    </div>
    <div class="top-bar__actions">
      {% if default_admin_local_actions %}
        <ul class="local-actions">
          {{ default_admin_local_actions }}
        </ul>
      {% endif %}

      {% if default_admin_form_actions %}
        {{ default_admin_form_actions }}
      {% endif %}

      {{- actions -}}
    </div>
  </div>
</div>