Adjusts in table_controls_htmx.html to vertical height of the Quick Search match to the dropdown.

This commit is contained in:
Julio-Oliveira-Encora 2024-05-27 15:05:38 -03:00
parent e410c2805d
commit e42200dc33
3 changed files with 8 additions and 5 deletions

Binary file not shown.

View File

@ -1,4 +1,9 @@
import { isTruthy } from './util';
/**
* Initialize the applied filter display.
*
*/
export function initAppliedFilter(): void {
const appliedFilter = document.getElementById('appliedfilters');
if (isTruthy(appliedFilter)) {

View File

@ -4,7 +4,7 @@
<div class="row mb-3" id="results">
<div class="col-auto d-print-none">
<div class="input-group input-group-flat me-2 quicksearch" hx-disinherit="hx-select hx-swap">
<input type="search" results="5" name="q" id="quicksearch" class="form-control px-2 py-1"
<input type="search" results="5" name="q" id="quicksearch" class="form-control"
placeholder="Quick search"
hx-get="{{ request.full_path }}" hx-target="#object_list" hx-trigger="keyup changed delay:500ms, search"/>
<span class="input-group-text py-1">
@ -15,12 +15,10 @@
</div>
<div class="col-auto d-print-none">
<div>
<label for="id_filter_id" class="my-1">{{ filter_form.filter_id.label }}</label>
</div>
<label class="my-2" for="id_filter_id">Saved Filter</label>
</div>
<div class="col-auto d-print-none">
<div class="col-sm-4 d-print-none">
{{ filter_form.filter_id }}
</div>