Search input should have search type

This commit is contained in:
Ian Renton
2025-11-08 18:44:37 +00:00
parent 8f553a59f8
commit d6cc2673dd
2 changed files with 3 additions and 3 deletions

View File

@@ -16,7 +16,7 @@
<p class="d-inline-flex gap-1"> <p class="d-inline-flex gap-1">
<span style="position: relative;"> <span style="position: relative;">
<i class="fa-solid fa-magnifying-glass" style="position: absolute; left: 0px; top: 2px; padding: 10px; pointer-events: none;"></i> <i class="fa-solid fa-magnifying-glass" style="position: absolute; left: 0px; top: 2px; padding: 10px; pointer-events: none;"></i>
<input id="filter-dx-call" type="text" class="form-control" oninput="filtersUpdated();" placeholder="Search for call"> <input id="filter-dx-call" type="search" class="form-control" oninput="filtersUpdated();" placeholder="Callsign">
</span> </span>
<button id="filters-button" type="button" class="btn btn-outline-primary" data-bs-toggle="button" onclick="toggleFiltersPanel();"><i class="fa-solid fa-filter"></i> Filters</button> <button id="filters-button" type="button" class="btn btn-outline-primary" data-bs-toggle="button" onclick="toggleFiltersPanel();"><i class="fa-solid fa-filter"></i> Filters</button>
<button id="display-button" type="button" class="btn btn-outline-primary" data-bs-toggle="button" onclick="toggleDisplayPanel();"><i class="fa-solid fa-desktop"></i> Display</button> <button id="display-button" type="button" class="btn btn-outline-primary" data-bs-toggle="button" onclick="toggleDisplayPanel();"><i class="fa-solid fa-desktop"></i> Display</button>

View File

@@ -44,7 +44,7 @@ div.container {
/* SPOTS/ALERTS PAGES, SETTINGS/STATUS AREAS */ /* SPOTS/ALERTS PAGES, SETTINGS/STATUS AREAS */
input#filter-dx-call { input#filter-dx-call {
max-width: 10em; max-width: 12em;
margin-right: 1rem; margin-right: 1rem;
padding-left: 2em; padding-left: 2em;
} }
@@ -265,7 +265,7 @@ div.band-spot:hover span.band-spot-info {
} }
/* Filter/search DX Call field should be smaller on mobile */ /* Filter/search DX Call field should be smaller on mobile */
input#filter-dx-call { input#filter-dx-call {
max-width: 6em; max-width: 9em;
margin-right: 0; margin-right: 0;
} }
} }