paradizelost/paperless-ngx
1
0
Fork 0
mirror of https://github.com/paperless-ngx/paperless-ngx.git synced 2025-04-25 10:49:30 -05:00
Code Issues Packages Projects Releases Wiki Activity

Smaller editor, cleaned up responsive flow

Browse Source
This commit is contained in:
Michael Shamoon 2020-12-15 11:09:25 -08:00
parent 03f071fd27
commit b8469946a8
2 changed files with 32 additions and 28 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

54
src-ui/src/app/components/document-list/bulk-editor/bulk-editor.component.html
View File

@ -1,67 +1,67 @@
<div class="card bg-light">
<div class="card-body px-2 py-2 d-flex justify-content-between flex-wrap align-items-end">
<div class="d-flex flex-grow-1 mb-2 mb-lg-0" role="group" aria-label="Select">
<label class="d-flex mt-1 mr-auto mr-lg-2">Select:</label>
<div class="card-body small px-2 py-2 d-flex flex-column flex-xl-row justify-content-between justify-content-xl-start">
<div class="d-flex flex-grow-1 flex-xl-grow-0 mb-2 mb-xl-0 mr-xl-5" role="group" aria-label="Select">
<label class="d-flex align-self-center my-0 mr-auto mr-lg-2">Select:</label>
<div class="btn-group d-flex">
<button class="btn btn-sm btn-outline-primary" (click)="selectPage.next()">
<button class="btn btn-sm btn-outline-primary py-1 px-2" (click)="selectPage.next()">
<svg viewBox="0 0 16 16" fill="currentColor">
<use xlink:href="assets/bootstrap-icons.svg#file-earmark-check" />
</svg>
Page
<small>Page</small>
</button>
<button class="btn btn-sm btn-outline-primary" (click)="selectAll.next()">
<button class="btn btn-sm btn-outline-primary py-1 px-2" (click)="selectAll.next()">
<svg viewBox="0 0 16 16" fill="currentColor">
<use xlink:href="assets/bootstrap-icons.svg#check-all" />
</svg>
All
<small>All</small>
</button>
<button class="btn btn-sm btn-outline-primary" (click)="selectNone.next()">
<button class="btn btn-sm btn-outline-primary py-1 px-2" (click)="selectNone.next()">
<svg viewBox="0 0 16 16" fill="currentColor">
<use xlink:href="assets/bootstrap-icons.svg#slash-circle" />
</svg>
None
<small>None</small>
</button>
</div>
</div>
<div class="d-flex flex-grow-1 mb-2 mb-lg-0" role="group" aria-label="Tags">
<label class="d-flex mt-1 mr-auto mr-lg-2">Tags:</label>
<div class="d-flex flex-grow-1 flex-xl-grow-0 mb-2 mb-xl-0 mr-xl-5" role="group" aria-label="Tags">
<label class="d-flex align-self-center my-0 mr-auto mr-lg-2">Tags:</label>
<div class="btn-group d-flex">
<button class="btn btn-sm btn-outline-primary" (click)="addTag.next()">
<button class="btn btn-sm btn-outline-primary py-1 px-2" (click)="addTag.next()">
<ng-container *ngTemplateOutlet="add"></ng-container>
</button>
<button class="btn btn-sm btn-outline-primary" (click)="removeTag.next()">
<button class="btn btn-sm btn-outline-primary py-1 px-2" (click)="removeTag.next()">
<ng-container *ngTemplateOutlet="remove"></ng-container>
</button>
</div>
</div>
<div class="d-flex flex-grow-1 mb-2 mb-lg-0" role="group" aria-label="Correspondent">
<label class="d-flex mt-1 mr-auto mr-lg-2">Correspondent:</label>
<div class="d-flex flex-grow-1 flex-xl-grow-0 mb-2 mb-xl-0 mr-xl-5" role="group" aria-label="Correspondent">
<label class="d-flex align-self-center my-0 mr-auto mr-lg-2">Correspondent:</label>
<div class="btn-group d-flex">
<button class="btn btn-sm btn-outline-primary" (click)="setCorrespondent.next()">
<button class="btn btn-sm btn-outline-primary py-1 px-2" (click)="setCorrespondent.next()">
<ng-container *ngTemplateOutlet="edit"></ng-container>
</button>
<button class="btn btn-sm btn-outline-primary" (click)="removeCorrespondent.next()">
<button class="btn btn-sm btn-outline-primary py-1 px-2" (click)="removeCorrespondent.next()">
<ng-container *ngTemplateOutlet="remove"></ng-container>
</button>
</div>
</div>
<div class="d-flex flex-grow-1 mb-2 mb-lg-0" role="group" aria-label="Document Type">
<label class="d-flex mt-1 mr-auto mr-lg-2">Document Type:</label>
<div class="d-flex flex-grow-1 flex-xl-grow-0 mb-2 mb-xl-0 mr-xl-5" role="group" aria-label="Document Type">
<label class="d-flex align-self-center my-0 mr-auto mr-lg-2">Document Type:</label>
<div class="btn-group d-flex">
<button class="btn btn-sm btn-outline-primary" (click)="setDocumentType.next()">
<button class="btn btn-sm btn-outline-primary py-1 px-2" (click)="setDocumentType.next()">
<ng-container *ngTemplateOutlet="edit"></ng-container>
</button>
<button class="btn btn-sm btn-outline-primary" (click)="removeDocumentType.next()">
<button class="btn btn-sm btn-outline-primary py-1 px-2" (click)="removeDocumentType.next()">
<ng-container *ngTemplateOutlet="remove"></ng-container>
</button>
</div>
</div>
<div class="d-flex flex-grow-1 mb-2 mb-lg-0" role="group" aria-label="Delete">
<button class="btn btn-sm btn-outline-danger ml-auto" (click)="delete.next()">
<div class="d-flex flex-grow-1 flex-xl-grow-0 mb-2 mb-lg-0 ml-auto ml-lg-0" role="group" aria-label="Delete">
<button class="btn btn-sm btn-outline-danger" (click)="delete.next()">
<svg viewBox="0 0 16 16" fill="currentColor">
<use xlink:href="assets/bootstrap-icons.svg#trash" />
</svg>
Delete
<small>Delete</small>
</button>
</div>
</div>
@ -71,19 +71,19 @@
<svg viewBox="0 0 16 16" fill="currentColor">
<use xlink:href="assets/bootstrap-icons.svg#plus-circle" />
</svg>
Add
<small>Add</small>
</ng-template>
<ng-template #edit>
<svg viewBox="0 0 16 16" fill="currentColor">
<use xlink:href="assets/bootstrap-icons.svg#pencil" />
</svg>
Edit
<small>Edit</small>
</ng-template>
<ng-template #remove>
<svg viewBox="0 0 16 16" fill="currentColor">
<use xlink:href="assets/bootstrap-icons.svg#x-circle" />
</svg>
Remove
<small>Remove</small>
</ng-template>

6
src-ui/src/app/components/document-list/bulk-editor/bulk-editor.component.scss
View File

@ -1,6 +1,10 @@
.btn svg {
width: 0.9em;
height: 0.9em;
margin-right: 2px;
margin-right: 3px;
margin-top: -1px;
}
.btn-sm {
line-height: 1;
}