mcelwain
/
document-processor
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

ui: make document type save inline with input

This commit is contained in:
Sean McElwain 2026-04-07 12:53:14 -05:00
parent f1df9c29bb
commit 13590aeeca
1 changed files with 4 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
app/templates/documents/detail.html
View File

@ -55,8 +55,8 @@
</div> </div>
<form method="post" action="/documents/{{ document.document_id }}/save-document-type" style="margin-top: 1rem;"> <form method="post" action="/documents/{{ document.document_id }}/save-document-type" style="margin-top: 1rem;">
<div class="form-grid"> <div style="display:flex; align-items:flex-end; gap:0.6rem; flex-wrap:wrap;">
<div class="form-field" style="position: relative;"> <div style="position:relative;">
<label for="document_type_input">Document type</label> <label for="document_type_input">Document type</label>
<input <input
id="document_type_input" id="document_type_input"
@ -65,12 +65,11 @@
value="{{ document.document_type or '' }}" value="{{ document.document_type or '' }}"
placeholder="receipt" placeholder="receipt"
autocomplete="off" autocomplete="off"
style="min-width:160px; max-width:260px;"
> >
<div id="document-type-suggestions" style="display:none; position:absolute; top:100%; left:0; right:0; z-index:20; background:#fff; border:1px solid #d7dce5; border-radius:12px; margin-top:0.35rem; max-height:220px; overflow-y:auto; box-shadow:0 10px 24px rgba(15,23,42,0.10);"></div> <div id="document-type-suggestions" style="display:none; position:absolute; top:100%; left:0; right:0; z-index:20; background:#fff; border:1px solid #d7dce5; border-radius:12px; margin-top:0.35rem; max-height:220px; overflow-y:auto; box-shadow:0 10px 24px rgba(15,23,42,0.10);"></div>
</div> </div>
</div> <button type="submit" style="height:38px;">Save</button>
<div class="button-row" style="margin-top: 0.75rem;">
<button type="submit">Save document type</button>
</div> </div>
</form> </form>