<pngx-page-header [title]="getTitle()">
- <div ngbDropdown class="btn-group flex-fill d-sm-none">
+ <div ngbDropdown class="btn-group flex-fill">
<button class="btn btn-sm btn-outline-primary" id="dropdownSelectMobile" ngbDropdownToggle>
<i-bs name="text-indent-left"></i-bs>
<div class="d-none d-sm-inline"> <ng-container i18n>Select</ng-container></div>
<button ngbDropdownItem (click)="list.selectAll()" i18n>Select all</button>
</div>
</div>
- <div class="d-none d-sm-flex flex-fill me-3">
- <div class="input-group input-group-sm">
- <span class="input-group-text border-0">Select:</span>
- </div>
- <div class="btn-group btn-group-sm flex-nowrap">
- @if (list.selected.size > 0) {
- <button class="btn btn-sm btn-outline-secondary" (click)="list.selectNone()">
- <i-bs name="slash-circle"></i-bs> <ng-container i18n>None</ng-container>
- </button>
- }
- <button class="btn btn-sm btn-outline-primary" (click)="list.selectPage()">
- <i-bs name="file-earmark-check"></i-bs> <ng-container i18n>Page</ng-container>
- </button>
- <button class="btn btn-sm btn-outline-primary" (click)="list.selectAll()">
- <i-bs name="check-all"></i-bs> <ng-container i18n>All</ng-container>
- </button>
- </div>
- </div>
<div ngbDropdown class="btn-group flex-fill">
<button class="btn btn-sm btn-outline-primary" id="dropdownDisplayFields" ngbDropdownToggle>
<i-bs name="card-heading"></i-bs>