From 735815590fd9646d85e5a928fb41a830487af840 Mon Sep 17 00:00:00 2001
From: ishikawa999 <remember929@gmail.com>
Date: Fri, 11 Jun 2021 02:43:04 +0000
Subject: [PATCH] Change the style referring to the default theme of Redmine

---
 assets/stylesheets/searchable_selectbox.css | 28 +++++++++++++++++++--
 1 file changed, 26 insertions(+), 2 deletions(-)

diff --git a/assets/stylesheets/searchable_selectbox.css b/assets/stylesheets/searchable_selectbox.css
index ec5272d..7a1d915 100644
--- a/assets/stylesheets/searchable_selectbox.css
+++ b/assets/stylesheets/searchable_selectbox.css
@@ -52,7 +52,7 @@ fieldset#filters td.values .select2-container--default {
 
 .select2-results__options::-webkit-scrollbar {
   -webkit-appearance: none;
-  width: 7px;
+  width: 12px;
 }
 .select2-results__options::-webkit-scrollbar-thumb {
   border-radius: 4px;
@@ -60,5 +60,29 @@ fieldset#filters td.values .select2-container--default {
   box-shadow: 0 0 1px #ffffff80;
 }
 .select2-results__options li {
-  padding: 4px 6px;
+  padding: 3px 6px;
+}
+
+/* Increase the height of the select box */
+.select2-container--default .select2-results>.select2-results__options{
+  max-height: 450px;
+}
+
+/* Change the style referring to the default theme of Redmine */
+.select2-search--dropdown input.select2-search__field {
+  background: #fff url(../../../images/magnifier.png) no-repeat 2px 50%;
+  padding-left: 20px;
+}
+.select2-search--dropdown input.select2-search__field:focus {
+  border: 1px solid #5ad;
+  outline: none;
+}
+li.select2-results__option--highlighted[role="option"][aria-selected] {
+  background-color: #759FC2;
+  color: #fff;
+}
+.select2-dropdown {
+  padding-bottom: 5px;
+  box-shadow: 0 3px 3px 0 rgba(0, 0, 0, .5);
+  border: none;
 }
\ No newline at end of file