ui: make document type save inline with input
This commit is contained in:
parent
f1df9c29bb
commit
13590aeeca
|
|
@ -55,8 +55,8 @@
|
|||
</div>
|
||||
|
||||
<form method="post" action="/documents/{{ document.document_id }}/save-document-type" style="margin-top: 1rem;">
|
||||
<div class="form-grid">
|
||||
<div class="form-field" style="position: relative;">
|
||||
<div style="display:flex; align-items:flex-end; gap:0.6rem; flex-wrap:wrap;">
|
||||
<div style="position:relative;">
|
||||
<label for="document_type_input">Document type</label>
|
||||
<input
|
||||
id="document_type_input"
|
||||
|
|
@ -65,12 +65,11 @@
|
|||
value="{{ document.document_type or '' }}"
|
||||
placeholder="receipt"
|
||||
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>
|
||||
</div>
|
||||
<div class="button-row" style="margin-top: 0.75rem;">
|
||||
<button type="submit">Save document type</button>
|
||||
<button type="submit" style="height:38px;">Save</button>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
|
|
|
|||
Loading…
Reference in New Issue