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

2025-11-30 20:45:15 +05:30
parent 000bfbb9f7
commit acb421a26b
3 changed files with 5 additions and 5 deletions
--- a/static/main.js
+++ b/static/main.js
@@ -273,7 +273,7 @@ async function screenshotElement(element) {
  let debounce;

  autocomp(elQ, {
-    autoSelect: false,
+    autoSelect: elQ.dataset.autocompAutoselect === "true",
    onQuery: async (val) => {
      const langCode = localStorage.from_lang;

--- a/static/style.css
+++ b/static/style.css
@@ -642,7 +642,7 @@ button:hover,

 /* Autocomplete */
 .autocomp {
-  background: #f8f8f8;
+  background: #fff;
  border-radius: 0 0 5px 5px;
  border: 1px solid #ccc;
  border-top: 0;
@@ -652,9 +652,9 @@ button:hover,
 }

 .autocomp-item {
-  padding-bottom: 5px;
-  padding: 10px;
+  padding: 5px 10px;
  cursor: pointer;
+  border-bottom: 1px solid #eee;
 }

 .autocomp-item:hover,