Merge pull request #200 from WDI-Ideas/sayli

Sayli

public/assets/css/light/custom.css

@@ -1,5 +1,9 @@
 /*# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIiwic291cmNlcyI6WyJjdXN0b20uc2NzcyJdLCJzb3VyY2VzQ29udGVudCI6WyIiXSwiZmlsZSI6ImN1c3RvbS5jc3MifQ== */
 
+.arrow-icon-spacing {
+    margin-left: 10px;
+}
+
 .notification-scroll h2 {
     font-size: 20px;
     font-weight: bold;
@@ -1373,7 +1377,7 @@ label {
 /* to change error class color */
 label#email-error ,label#password-error {
     color: red;
-} 
+}
 
 
 .error-message {

resources/views/Admin/layouts/master.blade.php

@@ -101,13 +101,14 @@
                 </a>
             </li>
             @if (Auth::guard('admin')->user()->getPermissionGranted(Auth::guard('admin')->user()->id, 'manage-users'))
-                <button class="dropdown-btn-users mb-1">
+                <button class="dropdown-btn-users mb-1" id="manageUsersButton">
                     <div class="icons d-flex align-items-center justify-content-start w-100">
                         <img src="{{ asset('public/assets/img/Group 57904.svg') }}" />
                         <span class="text-1">Manage Users</span>
+                        <i class="fa fa-angle-down mr-3 arrow-icon-spacing" aria-hidden="true" id="arrowIcon"></i>
                     </div>
-                    <i class="fa fa-angle-down mr-3" aria-hidden="true"></i>
                 </button>
+
                 <div class="dropdown-container"
                     style="{{ $currentPage == 'manage-customer' || $currentPage == 'manage-restaurant_app' || $currentPage == 'sub-admins' ? 'display: block;' : 'display: none;' }}">
                     <ul>
@@ -457,3 +458,11 @@
 </div>
 
 @include('Admin.footer')
+<script>
+    $(document).ready(function() {
+        $('#manageUsersButton').click(function() {
+            $('#usersDropdownContent').toggle(); // Toggle dropdown content visibility
+            $('#arrowIcon').toggleClass('fa-angle-down fa-angle-up'); // Toggle arrow icon class
+        });
+    });
+</script>