From 83137705c5c175d818cefc7b6d296fcbacfa985a Mon Sep 17 00:00:00 2001
From: merve karaman <107546467+mervekaraman@users.noreply.github.com>
Date: Fri, 8 Nov 2024 12:39:21 +0300
Subject: [PATCH] Dashboard slider issues resolved

---
 resources/assets/js/mixins/global.js          | 27 +++++++++++++++++--
 .../views/common/dashboards/show.blade.php    |  6 ++---
 2 files changed, 28 insertions(+), 5 deletions(-)

diff --git a/resources/assets/js/mixins/global.js b/resources/assets/js/mixins/global.js
index 192e7ef9e..e08dd27aa 100644
--- a/resources/assets/js/mixins/global.js
+++ b/resources/assets/js/mixins/global.js
@@ -281,11 +281,34 @@ export default {
                 slider.scrollBy({ left: nextItem.getBoundingClientRect().left - sliderRect.left, behavior: 'smooth' });
             }
         }
+
+        function updateSlider() {
+            const sliderWidth = slider.clientWidth;
+            const windowWidth = window.innerWidth;
+        
+            if (sliderWidth <= 850) {
+                slider.parentElement.classList.remove('w-9/12', 'w-8/12');
+                scrollLeft.classList.add('hidden');
+                scrollRight.classList.add('hidden');
+            } else {
+                if (windowWidth < 1396) {
+                    slider.parentElement.classList.remove('w-9/12');
+                    slider.parentElement.classList.add('w-8/12');
+                } else {
+                    slider.parentElement.classList.remove('w-8/12');
+                    slider.parentElement.classList.add('w-9/12');
+                }
+                scrollLeft.classList.remove('hidden');
+                scrollRight.classList.remove('hidden');
+            }
+        }
+        
+        updateSlider();
+        window.addEventListener('resize', updateSlider);
+        
         // Dashboard slider
     },
 
-
-
     methods: {
         // Check Default set notify > store / update action
         checkNotify: function () {
diff --git a/resources/views/common/dashboards/show.blade.php b/resources/views/common/dashboards/show.blade.php
index 235e84fad..98a159fc1 100644
--- a/resources/views/common/dashboards/show.blade.php
+++ b/resources/views/common/dashboards/show.blade.php
@@ -107,7 +107,7 @@
 
     <x-slot name="content">
         <div class="flex flex-col lg:flex-row justify-between items-start border-b pt-8">
-            <div class="flex w-9/12">
+            <div class="flex">
                 <button type="button" id="dashboard-left" class="material-icons-outlined text-purple bg-body -mr-3">chevron_left</button>
     
                 <div id="dashboard-slider" class="flex space-x-10 overflow-scroll hide-scroll-bar">
@@ -128,7 +128,7 @@
                 <button type="button" id="dashboard-right" class="material-icons-outlined text-purple bg-body mr-1">chevron_right</button>
             </div>
 
-            <div class="flex flex-col lg:flex-row col-span-3 ml-6 text-right">
+            <div class="flex col-span-3 ml-6 text-right">
                 @can('create-common-widgets')
                     <x-button
                         type="button"
@@ -143,7 +143,7 @@
                 @endcan
 
                 @can('create-common-dashboards')
-                    <x-link href="{{ route('dashboards.create') }}" override="class" class="relative flex-auto px-3 pt-1 h-8 text-purple text-sm font-medium tabs-link" id="show-more-actions-new-dashboard">
+                    <x-link href="{{ route('dashboards.create') }}" override="class" class="relative flex-auto px-3 pb-2.5 pt-1 h-8 text-purple text-sm font-medium tabs-link" id="show-more-actions-new-dashboard">
                         {{ trans('general.title.new', ['type' => trans_choice('general.dashboards', 1)]) }}
                     </x-link>
                 @endcan