move select2 & searchbar follows theme

This commit is contained in:
Corban-Lee Jones 2024-09-07 21:33:57 +01:00
parent cfa5af0430
commit ad98b350a0
2 changed files with 16 additions and 21 deletions

View File

@ -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;
}

View File

@ -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 %}