<div class="navbar-header">
  <button
    type="button"
    class="navbar-toggle collapsed"
    ng-click="isPageToolbarExpanded = !isPageToolbarExpanded"
  >
    <span class="sr-only" translate>Toggle action bar</span>
    <span class="icon-bar"></span>
    <span class="icon-bar"></span>
    <span class="icon-bar"></span>
  </button>
</div>

<div id="page-toolbar" class="navbar-collapse" uib-collapse="!isPageToolbarExpanded">
  <ul class="nav navbar-nav navbar-left"></ul>
  <ul class="nav navbar-nav navbar-right">
    <li class="no-remove more-wrapper" ng-show="vm.hasMore">
      <div class="dropdown" uib-dropdown>
        <button
          title="{{ 'More' | translate }}…"
          class="dropdown-toggle c8y-dropdown d-flex a-i-center"
          uib-dropdown-toggle
          aria-haspopup="true"
          type="button"
        >
          <span class="text-truncate" translate>More…</span>
          <i c8y-icon="caret-down"></i>
        </button>
        <ul class="dropdown-menu dropdown-menu-right" uib-dropdown-menu=""></ul>
      </div>
    </li>
  </ul>
</div>
