mirror of
				https://github.com/paperless-ngx/paperless-ngx.git
				synced 2025-11-03 03:16:10 -06:00 
			
		
		
		
	Fix: use button toolbar for management lists for better wrapping
This commit is contained in:
		@@ -332,19 +332,19 @@
 | 
			
		||||
        </context-group>
 | 
			
		||||
        <context-group purpose="location">
 | 
			
		||||
          <context context-type="sourcefile">src/app/components/manage/management-list/management-list.component.html</context>
 | 
			
		||||
          <context context-type="linenumber">101</context>
 | 
			
		||||
          <context context-type="linenumber">102</context>
 | 
			
		||||
        </context-group>
 | 
			
		||||
        <context-group purpose="location">
 | 
			
		||||
          <context context-type="sourcefile">src/app/components/manage/management-list/management-list.component.html</context>
 | 
			
		||||
          <context context-type="linenumber">101</context>
 | 
			
		||||
          <context context-type="linenumber">102</context>
 | 
			
		||||
        </context-group>
 | 
			
		||||
        <context-group purpose="location">
 | 
			
		||||
          <context context-type="sourcefile">src/app/components/manage/management-list/management-list.component.html</context>
 | 
			
		||||
          <context context-type="linenumber">101</context>
 | 
			
		||||
          <context context-type="linenumber">102</context>
 | 
			
		||||
        </context-group>
 | 
			
		||||
        <context-group purpose="location">
 | 
			
		||||
          <context context-type="sourcefile">src/app/components/manage/management-list/management-list.component.html</context>
 | 
			
		||||
          <context context-type="linenumber">101</context>
 | 
			
		||||
          <context context-type="linenumber">102</context>
 | 
			
		||||
        </context-group>
 | 
			
		||||
      </trans-unit>
 | 
			
		||||
      <trans-unit id="4930506384627295710" datatype="html">
 | 
			
		||||
@@ -2098,35 +2098,35 @@
 | 
			
		||||
        </context-group>
 | 
			
		||||
        <context-group purpose="location">
 | 
			
		||||
          <context context-type="sourcefile">src/app/components/manage/management-list/management-list.component.html</context>
 | 
			
		||||
          <context context-type="linenumber">83</context>
 | 
			
		||||
          <context context-type="linenumber">84</context>
 | 
			
		||||
        </context-group>
 | 
			
		||||
        <context-group purpose="location">
 | 
			
		||||
          <context context-type="sourcefile">src/app/components/manage/management-list/management-list.component.html</context>
 | 
			
		||||
          <context context-type="linenumber">83</context>
 | 
			
		||||
          <context context-type="linenumber">84</context>
 | 
			
		||||
        </context-group>
 | 
			
		||||
        <context-group purpose="location">
 | 
			
		||||
          <context context-type="sourcefile">src/app/components/manage/management-list/management-list.component.html</context>
 | 
			
		||||
          <context context-type="linenumber">83</context>
 | 
			
		||||
          <context context-type="linenumber">84</context>
 | 
			
		||||
        </context-group>
 | 
			
		||||
        <context-group purpose="location">
 | 
			
		||||
          <context context-type="sourcefile">src/app/components/manage/management-list/management-list.component.html</context>
 | 
			
		||||
          <context context-type="linenumber">83</context>
 | 
			
		||||
          <context context-type="linenumber">84</context>
 | 
			
		||||
        </context-group>
 | 
			
		||||
        <context-group purpose="location">
 | 
			
		||||
          <context context-type="sourcefile">src/app/components/manage/management-list/management-list.component.html</context>
 | 
			
		||||
          <context context-type="linenumber">95</context>
 | 
			
		||||
          <context context-type="linenumber">96</context>
 | 
			
		||||
        </context-group>
 | 
			
		||||
        <context-group purpose="location">
 | 
			
		||||
          <context context-type="sourcefile">src/app/components/manage/management-list/management-list.component.html</context>
 | 
			
		||||
          <context context-type="linenumber">95</context>
 | 
			
		||||
          <context context-type="linenumber">96</context>
 | 
			
		||||
        </context-group>
 | 
			
		||||
        <context-group purpose="location">
 | 
			
		||||
          <context context-type="sourcefile">src/app/components/manage/management-list/management-list.component.html</context>
 | 
			
		||||
          <context context-type="linenumber">95</context>
 | 
			
		||||
          <context context-type="linenumber">96</context>
 | 
			
		||||
        </context-group>
 | 
			
		||||
        <context-group purpose="location">
 | 
			
		||||
          <context context-type="sourcefile">src/app/components/manage/management-list/management-list.component.html</context>
 | 
			
		||||
          <context context-type="linenumber">95</context>
 | 
			
		||||
          <context context-type="linenumber">96</context>
 | 
			
		||||
        </context-group>
 | 
			
		||||
        <context-group purpose="location">
 | 
			
		||||
          <context context-type="sourcefile">src/app/components/manage/management-list/management-list.component.ts</context>
 | 
			
		||||
@@ -2405,35 +2405,35 @@
 | 
			
		||||
        </context-group>
 | 
			
		||||
        <context-group purpose="location">
 | 
			
		||||
          <context context-type="sourcefile">src/app/components/manage/management-list/management-list.component.html</context>
 | 
			
		||||
          <context context-type="linenumber">82</context>
 | 
			
		||||
          <context context-type="linenumber">83</context>
 | 
			
		||||
        </context-group>
 | 
			
		||||
        <context-group purpose="location">
 | 
			
		||||
          <context context-type="sourcefile">src/app/components/manage/management-list/management-list.component.html</context>
 | 
			
		||||
          <context context-type="linenumber">82</context>
 | 
			
		||||
          <context context-type="linenumber">83</context>
 | 
			
		||||
        </context-group>
 | 
			
		||||
        <context-group purpose="location">
 | 
			
		||||
          <context context-type="sourcefile">src/app/components/manage/management-list/management-list.component.html</context>
 | 
			
		||||
          <context context-type="linenumber">82</context>
 | 
			
		||||
          <context context-type="linenumber">83</context>
 | 
			
		||||
        </context-group>
 | 
			
		||||
        <context-group purpose="location">
 | 
			
		||||
          <context context-type="sourcefile">src/app/components/manage/management-list/management-list.component.html</context>
 | 
			
		||||
          <context context-type="linenumber">82</context>
 | 
			
		||||
          <context context-type="linenumber">83</context>
 | 
			
		||||
        </context-group>
 | 
			
		||||
        <context-group purpose="location">
 | 
			
		||||
          <context context-type="sourcefile">src/app/components/manage/management-list/management-list.component.html</context>
 | 
			
		||||
          <context context-type="linenumber">92</context>
 | 
			
		||||
          <context context-type="linenumber">93</context>
 | 
			
		||||
        </context-group>
 | 
			
		||||
        <context-group purpose="location">
 | 
			
		||||
          <context context-type="sourcefile">src/app/components/manage/management-list/management-list.component.html</context>
 | 
			
		||||
          <context context-type="linenumber">92</context>
 | 
			
		||||
          <context context-type="linenumber">93</context>
 | 
			
		||||
        </context-group>
 | 
			
		||||
        <context-group purpose="location">
 | 
			
		||||
          <context context-type="sourcefile">src/app/components/manage/management-list/management-list.component.html</context>
 | 
			
		||||
          <context context-type="linenumber">92</context>
 | 
			
		||||
          <context context-type="linenumber">93</context>
 | 
			
		||||
        </context-group>
 | 
			
		||||
        <context-group purpose="location">
 | 
			
		||||
          <context context-type="sourcefile">src/app/components/manage/management-list/management-list.component.html</context>
 | 
			
		||||
          <context context-type="linenumber">92</context>
 | 
			
		||||
          <context context-type="linenumber">93</context>
 | 
			
		||||
        </context-group>
 | 
			
		||||
        <context-group purpose="location">
 | 
			
		||||
          <context context-type="sourcefile">src/app/components/manage/workflows/workflows.component.html</context>
 | 
			
		||||
@@ -7986,19 +7986,19 @@
 | 
			
		||||
        </context-group>
 | 
			
		||||
        <context-group purpose="location">
 | 
			
		||||
          <context context-type="sourcefile">src/app/components/manage/management-list/management-list.component.html</context>
 | 
			
		||||
          <context context-type="linenumber">85</context>
 | 
			
		||||
          <context context-type="linenumber">86</context>
 | 
			
		||||
        </context-group>
 | 
			
		||||
        <context-group purpose="location">
 | 
			
		||||
          <context context-type="sourcefile">src/app/components/manage/management-list/management-list.component.html</context>
 | 
			
		||||
          <context context-type="linenumber">85</context>
 | 
			
		||||
          <context context-type="linenumber">86</context>
 | 
			
		||||
        </context-group>
 | 
			
		||||
        <context-group purpose="location">
 | 
			
		||||
          <context context-type="sourcefile">src/app/components/manage/management-list/management-list.component.html</context>
 | 
			
		||||
          <context context-type="linenumber">85</context>
 | 
			
		||||
          <context context-type="linenumber">86</context>
 | 
			
		||||
        </context-group>
 | 
			
		||||
        <context-group purpose="location">
 | 
			
		||||
          <context context-type="sourcefile">src/app/components/manage/management-list/management-list.component.html</context>
 | 
			
		||||
          <context context-type="linenumber">85</context>
 | 
			
		||||
          <context context-type="linenumber">86</context>
 | 
			
		||||
        </context-group>
 | 
			
		||||
      </trans-unit>
 | 
			
		||||
      <trans-unit id="651372623796033489" datatype="html">
 | 
			
		||||
@@ -8382,19 +8382,19 @@
 | 
			
		||||
        <source>{VAR_PLURAL, plural, =1 {One <x id="INTERPOLATION"/>} other {<x id="INTERPOLATION_1"/> total <x id="INTERPOLATION_2"/>}}</source>
 | 
			
		||||
        <context-group purpose="location">
 | 
			
		||||
          <context context-type="sourcefile">src/app/components/manage/management-list/management-list.component.html</context>
 | 
			
		||||
          <context context-type="linenumber">116</context>
 | 
			
		||||
          <context context-type="linenumber">118</context>
 | 
			
		||||
        </context-group>
 | 
			
		||||
        <context-group purpose="location">
 | 
			
		||||
          <context context-type="sourcefile">src/app/components/manage/management-list/management-list.component.html</context>
 | 
			
		||||
          <context context-type="linenumber">116</context>
 | 
			
		||||
          <context context-type="linenumber">118</context>
 | 
			
		||||
        </context-group>
 | 
			
		||||
        <context-group purpose="location">
 | 
			
		||||
          <context context-type="sourcefile">src/app/components/manage/management-list/management-list.component.html</context>
 | 
			
		||||
          <context context-type="linenumber">116</context>
 | 
			
		||||
          <context context-type="linenumber">118</context>
 | 
			
		||||
        </context-group>
 | 
			
		||||
        <context-group purpose="location">
 | 
			
		||||
          <context context-type="sourcefile">src/app/components/manage/management-list/management-list.component.html</context>
 | 
			
		||||
          <context context-type="linenumber">116</context>
 | 
			
		||||
          <context context-type="linenumber">118</context>
 | 
			
		||||
        </context-group>
 | 
			
		||||
      </trans-unit>
 | 
			
		||||
      <trans-unit id="810888510148304696" datatype="html">
 | 
			
		||||
 
 | 
			
		||||
@@ -73,35 +73,37 @@
 | 
			
		||||
            </td>
 | 
			
		||||
          }
 | 
			
		||||
          <td scope="row">
 | 
			
		||||
            <div class="btn-group d-block d-sm-none">
 | 
			
		||||
              <div ngbDropdown container="body" class="d-inline-block">
 | 
			
		||||
                <button type="button" class="btn btn-link" id="actionsMenuMobile" (click)="$event.stopPropagation()" ngbDropdownToggle>
 | 
			
		||||
                  <i-bs name="three-dots-vertical"></i-bs>
 | 
			
		||||
                </button>
 | 
			
		||||
                <div ngbDropdownMenu aria-labelledby="actionsMenuMobile">
 | 
			
		||||
                  <button (click)="openEditDialog(object)" *pngxIfPermissions="{ action: PermissionAction.Change, type: permissionType }" ngbDropdownItem i18n>Edit</button>
 | 
			
		||||
                  <button class="text-danger" (click)="openDeleteDialog(object)" *pngxIfPermissions="{ action: PermissionAction.Delete, type: permissionType }" ngbDropdownItem i18n>Delete</button>
 | 
			
		||||
                  @if (object.document_count > 0) {
 | 
			
		||||
                    <button (click)="filterDocuments(object)" *pngxIfPermissions="{ action: PermissionAction.View, type: PermissionType.Document }" ngbDropdownItem i18n>Filter Documents ({{ object.document_count }})</button>
 | 
			
		||||
                  }
 | 
			
		||||
            <div class="btn-toolbar gap-2">
 | 
			
		||||
              <div class="btn-group d-block d-sm-none">
 | 
			
		||||
                <div ngbDropdown container="body" class="d-inline-block">
 | 
			
		||||
                  <button type="button" class="btn btn-link" id="actionsMenuMobile" (click)="$event.stopPropagation()" ngbDropdownToggle>
 | 
			
		||||
                    <i-bs name="three-dots-vertical"></i-bs>
 | 
			
		||||
                  </button>
 | 
			
		||||
                  <div ngbDropdownMenu aria-labelledby="actionsMenuMobile">
 | 
			
		||||
                    <button (click)="openEditDialog(object)" *pngxIfPermissions="{ action: PermissionAction.Change, type: permissionType }" ngbDropdownItem i18n>Edit</button>
 | 
			
		||||
                    <button class="text-danger" (click)="openDeleteDialog(object)" *pngxIfPermissions="{ action: PermissionAction.Delete, type: permissionType }" ngbDropdownItem i18n>Delete</button>
 | 
			
		||||
                    @if (object.document_count > 0) {
 | 
			
		||||
                      <button (click)="filterDocuments(object)" *pngxIfPermissions="{ action: PermissionAction.View, type: PermissionType.Document }" ngbDropdownItem i18n>Filter Documents ({{ object.document_count }})</button>
 | 
			
		||||
                    }
 | 
			
		||||
                  </div>
 | 
			
		||||
                </div>
 | 
			
		||||
              </div>
 | 
			
		||||
            </div>
 | 
			
		||||
            <div class="btn-group d-none d-sm-inline-block">
 | 
			
		||||
              <button class="btn btn-sm btn-outline-secondary" (click)="openEditDialog(object); $event.stopPropagation();" *pngxIfPermissions="{ action: PermissionAction.Change, type: permissionType }" [disabled]="!userCanEdit(object)">
 | 
			
		||||
                <i-bs width="1em" height="1em" name="pencil"></i-bs> <ng-container i18n>Edit</ng-container>
 | 
			
		||||
              </button>
 | 
			
		||||
              <button class="btn btn-sm btn-outline-danger" (click)="openDeleteDialog(object); $event.stopPropagation();" *pngxIfPermissions="{ action: PermissionAction.Delete, type: permissionType }" [disabled]="!userCanDelete(object)">
 | 
			
		||||
                <i-bs width="1em" height="1em" name="trash"></i-bs> <ng-container i18n>Delete</ng-container>
 | 
			
		||||
              </button>
 | 
			
		||||
            </div>
 | 
			
		||||
            @if (object.document_count > 0) {
 | 
			
		||||
              <div class="btn-group d-none d-sm-inline-block ms-2">
 | 
			
		||||
                <button class="btn btn-sm btn-outline-secondary" (click)="filterDocuments(object); $event.stopPropagation();" *pngxIfPermissions="{ action: PermissionAction.View, type: PermissionType.Document }">
 | 
			
		||||
                  <i-bs width="1em" height="1em" name="filter"></i-bs> <ng-container i18n>Documents</ng-container><span class="badge bg-light text-secondary ms-2">{{ object.document_count }}</span>
 | 
			
		||||
              <div class="btn-group d-none d-sm-inline-block">
 | 
			
		||||
                <button class="btn btn-sm btn-outline-secondary" (click)="openEditDialog(object); $event.stopPropagation();" *pngxIfPermissions="{ action: PermissionAction.Change, type: permissionType }" [disabled]="!userCanEdit(object)">
 | 
			
		||||
                  <i-bs width="1em" height="1em" name="pencil"></i-bs> <ng-container i18n>Edit</ng-container>
 | 
			
		||||
                </button>
 | 
			
		||||
                <button class="btn btn-sm btn-outline-danger" (click)="openDeleteDialog(object); $event.stopPropagation();" *pngxIfPermissions="{ action: PermissionAction.Delete, type: permissionType }" [disabled]="!userCanDelete(object)">
 | 
			
		||||
                  <i-bs width="1em" height="1em" name="trash"></i-bs> <ng-container i18n>Delete</ng-container>
 | 
			
		||||
                </button>
 | 
			
		||||
              </div>
 | 
			
		||||
            }
 | 
			
		||||
              @if (object.document_count > 0) {
 | 
			
		||||
                <div class="btn-group d-none d-sm-inline-block">
 | 
			
		||||
                  <button class="btn btn-sm btn-outline-secondary" (click)="filterDocuments(object); $event.stopPropagation();" *pngxIfPermissions="{ action: PermissionAction.View, type: PermissionType.Document }">
 | 
			
		||||
                    <i-bs width="1em" height="1em" name="filter"></i-bs> <ng-container i18n>Documents</ng-container><span class="badge bg-light text-secondary ms-2">{{ object.document_count }}</span>
 | 
			
		||||
                  </button>
 | 
			
		||||
                </div>
 | 
			
		||||
              }
 | 
			
		||||
            </div>
 | 
			
		||||
          </td>
 | 
			
		||||
        </tr>
 | 
			
		||||
      }
 | 
			
		||||
 
 | 
			
		||||
		Reference in New Issue
	
	Block a user