paradizelost/paperless-ngx
1
0
Fork 0
mirror of https://github.com/paperless-ngx/paperless-ngx.git synced 2025-08-18 00:46:25 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fixhancement: mobile layout improvements for pdf editor (#10588)

Browse Source
This commit is contained in:
shamoon
2025-08-16 12:06:21 -07:00
committed by GitHub
parent 696e591a3b
commit 6bdb365f87
1 changed files with 16 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src-ui/src/app/components/common/pdf-editor/pdf-editor.component.html
View File

@@ -25,7 +25,7 @@
</button> </button>
</div> </div>
</div> </div>
<div cdkDropList (cdkDropListDropped)="drop($event)" cdkDropListOrientation="mixed" class="d-flex flex-wrap row-cols-5"> <div cdkDropList (cdkDropListDropped)="drop($event)" cdkDropListOrientation="mixed" class="d-flex flex-wrap row-cols-2 row-cols-md-5">
@for (p of pages; track p.page; let i = $index) { @for (p of pages; track p.page; let i = $index) {
<div class="page-item rounded p-2" cdkDrag (click)="toggleSelection(i)" [class.selected]="p.selected"> <div class="page-item rounded p-2" cdkDrag (click)="toggleSelection(i)" [class.selected]="p.selected">
<div class="btn-toolbar hover-actions z-10"> <div class="btn-toolbar hover-actions z-10">
@@ -73,8 +73,8 @@
} }
</div> </div>
</div> </div>
<div class="modal-footer flex-column"> <div class="modal-footer">
<div class="d-flex w-100 justify-content-between align-items-center"> <div class="d-flex flex-column flex-md-row w-100 gap-3 align-items-center">
<div class="btn-group" role="group"> <div class="btn-group" role="group">
<input type="radio" class="btn-check" [(ngModel)]="editMode" [value]="PdfEditorEditMode.Create" id="editModeCreate" name="editmode"> <input type="radio" class="btn-check" [(ngModel)]="editMode" [value]="PdfEditorEditMode.Create" id="editModeCreate" name="editmode">
<label for="editModeCreate" class="btn btn-outline-primary btn-sm"> <label for="editModeCreate" class="btn btn-outline-primary btn-sm">
@@ -88,7 +88,8 @@
</label> </label>
</div> </div>
@if (editMode === PdfEditorEditMode.Create) { @if (editMode === PdfEditorEditMode.Create) {
<div class="form-check ms-3"> <div class="form-group d-flex">
<div class="form-check">
<input class="form-check-input" type="checkbox" id="copyMeta" [(ngModel)]="includeMetadata"> <input class="form-check-input" type="checkbox" id="copyMeta" [(ngModel)]="includeMetadata">
<label class="form-check-label" for="copyMeta" i18n>Copy metadata</label> <label class="form-check-label" for="copyMeta" i18n>Copy metadata</label>
</div> </div>
@@ -96,8 +97,11 @@
<input class="form-check-input" type="checkbox" id="deleteOriginal" [(ngModel)]="deleteOriginal"> <input class="form-check-input" type="checkbox" id="deleteOriginal" [(ngModel)]="deleteOriginal">
<label class="form-check-label" for="deleteOriginal" i18n>Delete original</label> <label class="form-check-label" for="deleteOriginal" i18n>Delete original</label>
</div> </div>
</div>
} }
<button type="button" class="btn ms-auto me-2" [class]="cancelBtnClass" (click)="cancel()" [disabled]="!buttonsEnabled">{{ cancelBtnCaption }}</button> <div class="form-group ms-md-auto">
<button type="button" class="btn me-2" [class]="cancelBtnClass" (click)="cancel()" [disabled]="!buttonsEnabled">{{ cancelBtnCaption }}</button>
<button type="button" class="btn" [class]="btnClass" (click)="confirm()" [disabled]="pages.length === 0">{{ btnCaption }}</button> <button type="button" class="btn" [class]="btnClass" (click)="confirm()" [disabled]="pages.length === 0">{{ btnCaption }}</button>
</div> </div>
</div>
</div> </div>