paradizelost/paperless-ngx
1
0
Fork 0
mirror of https://github.com/paperless-ngx/paperless-ngx.git synced 2025-10-30 03:56:23 -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 759e0798b8
commit 03e7b85cd4
2 changed files with 32 additions and 28 deletions
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 bg-light">
<div class="card-body px-2 py-2 d-flex justify-content-between flex-wrap align-items-end"> <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 mb-2 mb-lg-0" role="group" aria-label="Select"> <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 mt-1 mr-auto mr-lg-2">Select:</label> <label class="d-flex align-self-center my-0 mr-auto mr-lg-2">Select:</label>
<div class="btn-group d-flex"> <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"> <svg viewBox="0 0 16 16" fill="currentColor">
<use xlink:href="assets/bootstrap-icons.svg#file-earmark-check" /> <use xlink:href="assets/bootstrap-icons.svg#file-earmark-check" />
</svg> </svg>
Page <small>Page</small>
</button> </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"> <svg viewBox="0 0 16 16" fill="currentColor">
<use xlink:href="assets/bootstrap-icons.svg#check-all" /> <use xlink:href="assets/bootstrap-icons.svg#check-all" />
</svg> </svg>
All <small>All</small>
</button> </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"> <svg viewBox="0 0 16 16" fill="currentColor">
<use xlink:href="assets/bootstrap-icons.svg#slash-circle" /> <use xlink:href="assets/bootstrap-icons.svg#slash-circle" />
</svg> </svg>
None <small>None</small>
</button> </button>
</div> </div>
</div> </div>
<div class="d-flex flex-grow-1 mb-2 mb-lg-0" role="group" aria-label="Tags"> <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 mt-1 mr-auto mr-lg-2">Tags:</label> <label class="d-flex align-self-center my-0 mr-auto mr-lg-2">Tags:</label>
<div class="btn-group d-flex"> <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> <ng-container *ngTemplateOutlet="add"></ng-container>
</button> </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> <ng-container *ngTemplateOutlet="remove"></ng-container>
</button> </button>
</div> </div>
</div> </div>
<div class="d-flex flex-grow-1 mb-2 mb-lg-0" role="group" aria-label="Correspondent"> <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 mt-1 mr-auto mr-lg-2">Correspondent:</label> <label class="d-flex align-self-center my-0 mr-auto mr-lg-2">Correspondent:</label>
<div class="btn-group d-flex"> <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> <ng-container *ngTemplateOutlet="edit"></ng-container>
</button> </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> <ng-container *ngTemplateOutlet="remove"></ng-container>
</button> </button>
</div> </div>
</div> </div>
<div class="d-flex flex-grow-1 mb-2 mb-lg-0" role="group" aria-label="Document Type"> <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 mt-1 mr-auto mr-lg-2">Document Type:</label> <label class="d-flex align-self-center my-0 mr-auto mr-lg-2">Document Type:</label>
<div class="btn-group d-flex"> <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> <ng-container *ngTemplateOutlet="edit"></ng-container>
</button> </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> <ng-container *ngTemplateOutlet="remove"></ng-container>
</button> </button>
</div> </div>
</div> </div>
<div class="d-flex flex-grow-1 mb-2 mb-lg-0" role="group" aria-label="Delete"> <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 ml-auto" (click)="delete.next()"> <button class="btn btn-sm btn-outline-danger" (click)="delete.next()">
<svg viewBox="0 0 16 16" fill="currentColor"> <svg viewBox="0 0 16 16" fill="currentColor">
<use xlink:href="assets/bootstrap-icons.svg#trash" /> <use xlink:href="assets/bootstrap-icons.svg#trash" />
</svg> </svg>
Delete <small>Delete</small>
</button> </button>
</div> </div>
</div> </div>
@@ -71,19 +71,19 @@
<svg viewBox="0 0 16 16" fill="currentColor"> <svg viewBox="0 0 16 16" fill="currentColor">
<use xlink:href="assets/bootstrap-icons.svg#plus-circle" /> <use xlink:href="assets/bootstrap-icons.svg#plus-circle" />
</svg> </svg>
Add <small>Add</small>
</ng-template> </ng-template>
<ng-template #edit> <ng-template #edit>
<svg viewBox="0 0 16 16" fill="currentColor"> <svg viewBox="0 0 16 16" fill="currentColor">
<use xlink:href="assets/bootstrap-icons.svg#pencil" /> <use xlink:href="assets/bootstrap-icons.svg#pencil" />
</svg> </svg>
Edit <small>Edit</small>
</ng-template> </ng-template>
<ng-template #remove> <ng-template #remove>
<svg viewBox="0 0 16 16" fill="currentColor"> <svg viewBox="0 0 16 16" fill="currentColor">
<use xlink:href="assets/bootstrap-icons.svg#x-circle" /> <use xlink:href="assets/bootstrap-icons.svg#x-circle" />
</svg> </svg>
Remove <small>Remove</small>
</ng-template> </ng-template>

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

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