From ad98b350a0a02e5afcbba59ea2eca4c489cfa307 Mon Sep 17 00:00:00 2001
From: Corban-Lee Jones <corbz.jones@gmail.com>
Date: Sat, 7 Sep 2024 21:33:57 +0100
Subject: [PATCH] move select2 & searchbar follows theme

---
 apps/static/css/{home => }/select2.css | 35 +++++++++++---------------
 apps/templates/home/index.html         |  2 +-
 2 files changed, 16 insertions(+), 21 deletions(-)
 rename apps/static/css/{home => }/select2.css (73%)

diff --git a/apps/static/css/home/select2.css b/apps/static/css/select2.css
similarity index 73%
rename from apps/static/css/home/select2.css
rename to apps/static/css/select2.css
index 30ff142..c13abe5 100644
--- a/apps/static/css/home/select2.css
+++ b/apps/static/css/select2.css
@@ -1,11 +1,6 @@
 /* Select 2 */
 
 .select2-selection {
-    /* border: 1px solid var(--border-colour) !important; */
-    /* box-shadow: none !important; */
-    /* -webkit-box-shadow: none !important; */
-    /* border-radius: var(--bs-border-radius); */
-    /* transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; */
     background-color: var(--bs-body-bg) !important;
     font-size: 1rem !important;
     padding: 0.375rem 0.75rem !important;
@@ -28,15 +23,6 @@
     color: var(--bs-body-color) !important;
 }
 
-/* .select2-selection:focus {
-    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25) !important;
-    -webkit-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25) !important;
-} */
-
-/* .select2-dropdown {
-    border: 1px solid var(--border-colour) !important;
-} */
-
 .select2-selection__choice {
   display: flex;
   align-items: center;
@@ -81,14 +67,23 @@
     border-color: #86b7fe;
     box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
 }
-/* color: var(--bs-body-color);
-  background-color: var(--bs-body-bg);
-  border-color: #86b7fe;
-  outline: 0;
-  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); */
 
 .select2-container--bootstrap .select2-dropdown {
     border-color: #86b7fe;
-    /* box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); */
+    background-color: var(--bs-body-bg);
+}
 
+.select2-container--bootstrap .select2-search--dropdown .select2-search__field {
+    background-color: var(--bs-body-bg);
+    padding: 0.375rem 0.75rem;
+    font-size: 1rem;
+    font-weight: 400;
+    line-height: 1.5;
+    color: var(--bs-body-color);
+    -webkit-appearance: none;
+    -moz-appearance: none;
+    appearance: none;
+    border: var(--bs-border-width) solid var(--bs-border-color);
+    border-radius: var(--bs-border-radius-sm);
+    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
 }
\ No newline at end of file
diff --git a/apps/templates/home/index.html b/apps/templates/home/index.html
index c1d57e8..c31b825 100644
--- a/apps/templates/home/index.html
+++ b/apps/templates/home/index.html
@@ -6,7 +6,7 @@
 
 {% block stylesheets %}
 <link type="text/css" rel="stylesheet" href="{% static '/css/home/index.css' %}">
-<link type="text/css" rel="stylesheet" href="{% static '/css/home/select2.css' %}">
+<link type="text/css" rel="stylesheet" href="{% static '/css/select2.css' %}">
 {% endblock stylesheets %}
 
 {% block content %}