Fix dropdown

public/css/extra.css

@@ -5,11 +5,16 @@
 .numericCol{
     text-align: right !important;
 }
+.paddingLeftSelect0
+{
+    font-weight: bold;
+}
 .paddingLeftSelect1
 {
     padding-left: 20px !important;
+    font-style: italic;
 }
 .paddingLeftSelect2
 {
     padding-left: 40px !important;
-}
+}

resources/views/livewire/member.blade.php

@@ -389,7 +389,7 @@
                                 </div>
                             </div>
                         </div>
-                        
+
                     </div>
                     <div class="row g-3">
                         <div class="col-md-12" style="text-align:right">
@@ -2152,30 +2152,24 @@
         $('.filterCategories').select2();
 
         $(document).on("keypress", $('.filterCategories'), function (e) {
-            
-            setTimeout(() => { 
+
+            setTimeout(() => {
                 $(".select2-results__option").each(function(){
                     var txt = $(this).html();
                     var count = (txt.match(/-/g) || []).length;
-                    if (count > 0)
-                    {
-                        $(this).addClass('paddingLeftSelect' + count); 
-                    }
+                    $(this).addClass('paddingLeftSelect' + count);
                 });
-            }, 100);       
+            }, 100);
         });
 
         $('.filterCategories').on('select2:open', function (e) {
-            setTimeout(() => { 
+            setTimeout(() => {
                 $(".select2-results__option").each(function(){
                     var txt = $(this).html();
                     var count = (txt.match(/-/g) || []).length;
-                    if (count > 0)
-                    {
-                        $(this).addClass('paddingLeftSelect' + count); 
-                    }
+                    $(this).addClass('paddingLeftSelect' + count);
                 });
-            }, 100);                    
+            }, 100);
         });
 
         function reset()

resources/views/livewire/records.blade.php

@@ -280,17 +280,14 @@
             $(document).ready(function(){
 
                 $(document).on("keypress", $('.filterCausals'), function (e) {
-                    
-                    setTimeout(() => { 
+
+                    setTimeout(() => {
                         $(".select2-results__option").each(function(){
                             var txt = $(this).html();
                             var count = (txt.match(/-/g) || []).length;
-                            if (count > 0)
-                            {
-                                $(this).addClass('paddingLeftSelect' + count); 
-                            }
+                            $(this).addClass('paddingLeftSelect' + count);
                         });
-                    }, 100);       
+                    }, 100);
                 });
 
                 $('.filterCausals').select2();
@@ -300,16 +297,13 @@
                 });
 
                 $('.filterCausals').on('select2:open', function (e) {
-                    setTimeout(() => { 
+                    setTimeout(() => {
                         $(".select2-results__option").each(function(){
                             var txt = $(this).html();
                             var count = (txt.match(/-/g) || []).length;
-                            if (count > 0)
-                            {
-                                $(this).addClass('paddingLeftSelect' + count); 
-                            }
+                            $(this).addClass('paddingLeftSelect' + count);
                         });
-                    }, 100);                    
+                    }, 100);
                 });
 
                 $('.filterMember').select2();

resources/views/livewire/records_in_out.blade.php

@@ -271,7 +271,7 @@
         <a style="display:none" href="javascript:void(0);" id="collapseAll" class="act-button-collapse-all">Collapse All</a>
 
 </div>
-    
+
 @push('scripts')
     <link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" />
     <style>
@@ -327,7 +327,7 @@
             text-overflow: ellipsis;
             white-space: nowrap;
         }
-        
+
     </style>
     <script src="https://code.jquery.com/jquery-2.2.4.min.js" integrity="sha256-BbhdlvQf/xTY9gja0Dq3HiwQF8LaCRTXxZKRutelT44=" crossorigin="anonymous"></script>
     <script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>
@@ -346,21 +346,18 @@
             $(document).ready(function(){
 
                 $(document).on("keypress", $('.filterCausals'), function (e) {
-                    
-                    setTimeout(() => { 
+
+                    setTimeout(() => {
                         $(".select2-results__option").each(function(){
                             var txt = $(this).html();
                             var count = (txt.match(/-/g) || []).length;
-                            if (count > 0)
-                            {
-                                $(this).addClass('paddingLeftSelect' + count); 
-                            }
+                            $(this).addClass('paddingLeftSelect' + count);
                         });
-                    }, 100);       
+                    }, 100);
                 });
 
                 $('.filterCausalsIn').select2();
-                
+
                 $('.filterCausalsIn').on('change', function (e) {
                     var data = $('.filterCausalsIn').select2("val");
                     setTimeout(function() {createCollapse();}, 1000);
@@ -377,16 +374,13 @@
                 });
 
                 $('.filterCausals').on('select2:open', function (e) {
-                    setTimeout(() => { 
+                    setTimeout(() => {
                         $(".select2-results__option").each(function(){
                             var txt = $(this).html();
                             var count = (txt.match(/-/g) || []).length;
-                            if (count > 0)
-                            {
-                                $(this).addClass('paddingLeftSelect' + count); 
-                            }
+                            $(this).addClass('paddingLeftSelect' + count);
                         });
-                    }, 100);                    
+                    }, 100);
                 });
 
                 createCollapse();