Aditya-ds-1806/alar.ink
1
0
Fork 0
forked from dict/alar.ink
Code Pull Requests Activity

Tweak autocomp style and make auto-select behaviour configurable from the template.

Browse Source
This commit is contained in:
Kailash Nadh
2025-11-30 20:45:15 +05:30
parent 000bfbb9f7
commit acb421a26b
3 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
base.html
View File

@@ -58,7 +58,7 @@
</select> </select>
<div class="input-group"> <div class="input-group">
<input autofocus autocomplete="off" required placeholder="" aria-label="Search word" <input autofocus autocomplete="off" required placeholder="" aria-label="Search word"
type="text" id="q" name="q" value="{{ if .Data.Query }}{{ .Data.Query.Query }}{{ end }}" /> type="text" id="q" name="q" value="{{ if .Data.Query }}{{ .Data.Query.Query }}{{ end }}" data-autocomp-autoselect="true" />
<button type="submit" aria-label="Search"><img src="/static/search.svg?v={{ .AssetVer }}" alt="{{- .L.T "global.btnSearch" -}}" /></button> <button type="submit" aria-label="Search"><img src="/static/search.svg?v={{ .AssetVer }}" alt="{{- .L.T "global.btnSearch" -}}" /></button>
</div> </div>
</div> </div>

2
static/main.js
View File

@@ -273,7 +273,7 @@ async function screenshotElement(element) {
let debounce; let debounce;
autocomp(elQ, { autocomp(elQ, {
autoSelect: false, autoSelect: elQ.dataset.autocompAutoselect === "true",
onQuery: async (val) => { onQuery: async (val) => {
const langCode = localStorage.from_lang; const langCode = localStorage.from_lang;

6
static/style.css
View File

@@ -642,7 +642,7 @@ button:hover,
/* Autocomplete */ /* Autocomplete */
.autocomp { .autocomp {
background: #f8f8f8; background: #fff;
border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px;
border: 1px solid #ccc; border: 1px solid #ccc;
border-top: 0; border-top: 0;
@@ -652,9 +652,9 @@ button:hover,
} }
.autocomp-item { .autocomp-item {
padding-bottom: 5px; padding: 5px 10px;
padding: 10px;
cursor: pointer; cursor: pointer;
border-bottom: 1px solid #eee;
} }
.autocomp-item:hover, .autocomp-item:hover,