From ab1588fd2fd0462c31392254d0fc58021b18ccf6 Mon Sep 17 00:00:00 2001
From: Jack <bartnikjack@gmail.com>
Date: Mon, 29 Mar 2021 19:51:31 +0100
Subject: [PATCH] brought back search, added a search placeholder

---
 src/js/popups/word-filter-popup.js | 9 ++++++---
 src/sass/style.scss                | 7 +++++++
 2 files changed, 13 insertions(+), 3 deletions(-)

diff --git a/src/js/popups/word-filter-popup.js b/src/js/popups/word-filter-popup.js
index 9a84292d2..88b2c58a9 100644
--- a/src/js/popups/word-filter-popup.js
+++ b/src/js/popups/word-filter-popup.js
@@ -3,6 +3,7 @@ import * as Misc from "./misc";
 export async function showWordFilterPopup() {
   $("#wordFilterPopupWrapper").removeClass("hidden");
   $("#customTextPopupWrapper").addClass("hidden");
+  $("#languageList").empty();
   let LanguageList = await Misc.getLanguageList();
   LanguageList.forEach((language) => {
     let prettyLang = language;
@@ -11,9 +12,7 @@ export async function showWordFilterPopup() {
             <option value=${language}>${prettyLang}</option>
         `);
   });
-  $("#languageList").select2({
-    minimumResultsForSearch: -1,
-  });
+  $("#languageList").select2();
 }
 
 function hideWordFilterPopup() {
@@ -81,3 +80,7 @@ async function filter(language) {
   }
   return filteredWords;
 }
+
+$("#languageList").one("select2:open", function (e) {
+  $("input.select2-search__field").prop("placeholder", "search");
+});
diff --git a/src/sass/style.scss b/src/sass/style.scss
index e826a1bfd..1a5f61541 100644
--- a/src/sass/style.scss
+++ b/src/sass/style.scss
@@ -206,6 +206,13 @@ html {
   border-color: var(--main-color) transparent;
 }
 
+.select2-container--default .select2-search--dropdown .select2-search__field {
+  border-color: rgba(0, 0, 0, 0.1);
+  background: var(--bg-color);
+  color: var(--text-color);
+  border-radius: var(--roundness);
+}
+
 /* width */
 ::-webkit-scrollbar {
   width: 7px;