[UPDT] HORILLA_THEME: Changed the class name for mylist

horilla_theme/static/horilla_theme/assets/css/global.css

@@ -56,18 +56,18 @@
 }
 
 /* LIST DESIGN */
-.mylist {
+.list-checked {
   display: flex;
   flex-flow: column;
 }
 
-.mylist li {
+.list-checked li {
   margin: 5px 0;
   position: relative;
   padding-left: 20px;
 }
 
-.mylist li:before {
+.list-checked li:before {
   content: "\f058";
   font-family: "Font Awesome 6 Free";
   font-weight: 600;

horilla_theme/templates/candidate/history.html

@@ -68,7 +68,7 @@
                         <h3 class="text-primary-600 font-semibold text-xs mb-1">
                             {% trans "Changes" %}
                         </h3>
-                        <ul class="mylist">
+                        <ul class="list-checked">
                             {% for change in history.changes %}
                             <li class="text-xs">
                                 {{ history.pair.1|fk_history:change }} →

horilla_theme/templates/generic/horilla_nav.html

@@ -102,7 +102,7 @@
                                     <button
                                         class="px-4 py-2 bg-primary-600 text-white rounded-md text-xs flex items-center gap-2 hover:bg-primary-800 transition duration-300"
                                         id="applyFilter">
-                                        <img src="{% static 'horilla_theme/assets/img/icons/sort.svg' %}" alt="{% trans 'Filter' %}" width="15"
+                                        <img src="{% static 'horilla_theme/assets/img/icons/sort.svg' %}" style="filter: invert(1) brightness(2);" alt="{% trans 'Filter' %}" width="15"
                                             class="mt-[-1px]">{% trans "Filter" %}
                                     </button>
                                 </div>

horilla_theme/templates/generic/import_block.html

@@ -51,7 +51,7 @@
                   {% for key in import_help %}
                     <div>
                       <h3 class="text-sm font-semibold mb-1">{{ key }}</h3>
-                      <ul class="mylist text-sm">
+                      <ul class="list-checked text-sm">
                         {% for val in import_help|get_item:key %}
                           <li>{{ val }}</li>
                         {% endfor %}

horilla_theme/templates/notification/notification_items.html

@@ -1,6 +1,6 @@
 {% load i18n static %}
 {% if notifications %}
-    <ul class="mylist text-sm h-60 overflow-hidden overflow-y-auto">
+    <ul class="list-checked text-sm h-60 overflow-hidden overflow-y-auto">
         {% for notification in notifications %}
         <li>
             {% if LANGUAGE_CODE == 'ar' %}

horilla_theme/templates/tabs/bonus_points.html

@@ -57,7 +57,7 @@
 					</h5>
 					<div class="p-4">
 						<ul
-							class="mylist text-sm mb-2 h-[350px] overflow-hidden overflow-y-auto"
+							class="list-checked text-sm mb-2 h-[350px] overflow-hidden overflow-y-auto"
 						>
 							{% for activity in activity_list %}
 								{% if activity.type == 'Bonus point created' %}

horilla_theme/templates/tabs/history.html

@@ -58,7 +58,7 @@
                             <h3 class="text-primary-600 font-semibold text-xs mb-1">
                                 {% trans "Changes" %}
                             </h3>
-                            <ul class="mylist">
+                            <ul class="list-checked">
                                 {% for change in history.changes %}
                                 <li class="text-xs">
                                     {{ history.pair.1|fk_history:change }} →