From f0cc9412bb9d233b18a66630d95b440c72d3653a Mon Sep 17 00:00:00 2001
From: johnnyq <johnny@pittpc.com>
Date: Tue, 11 Feb 2025 17:24:47 -0500
Subject: [PATCH] Added custom css class grab-cursor so it turns the cursor
 into a grab hand instead of a finger, applied this to ticket tasks

---
 css/itflow_custom.css  | 29 +++++++++++++++++++++++++++++
 css/style.css          | 30 ++++++++++++++++++++++++++++++
 css/tickets_kanban.css |  2 +-
 includes/header.php    | 24 +-----------------------
 ticket.php             |  7 ++++++-
 5 files changed, 67 insertions(+), 25 deletions(-)
 create mode 100644 css/itflow_custom.css
 create mode 100644 css/style.css

diff --git a/css/itflow_custom.css b/css/itflow_custom.css
new file mode 100644
index 00000000..7bb00c94
--- /dev/null
+++ b/css/itflow_custom.css
@@ -0,0 +1,29 @@
+/* 
+   For screens below 576px (xs): 
+   - Make the button full-width, display:block 
+*/
+@media (max-width: 575.98px) {
+  .btn-responsive {
+    display: block;
+    width: 100%;
+  }
+}
+
+/* 
+   For screens 576px (sm) and above:
+   - Revert to an inline style 
+*/
+@media (min-width: 576px) {
+  .btn-responsive {
+    display: inline-block;
+    width: auto;
+  }
+}
+
+.grab-cursor {
+    cursor: grab;
+}
+
+.grab-cursor:active {
+    cursor: grabbing;
+}
diff --git a/css/style.css b/css/style.css
new file mode 100644
index 00000000..0826b2af
--- /dev/null
+++ b/css/style.css
@@ -0,0 +1,30 @@
+/* 
+   For screens below 576px (xs): 
+   - Make the button full-width, display:block 
+*/
+@media (max-width: 575.98px) {
+  .btn-responsive {
+    display: block;
+    width: 100%;
+  }
+}
+
+/* 
+   For screens 576px (sm) and above:
+   - Revert to an inline style 
+*/
+@media (min-width: 576px) {
+  .btn-responsive {
+    display: inline-block;
+    width: auto;
+  }
+}
+
+
+.grab-cursor {
+    cursor: grab;
+}
+
+.grab-cursor:active {
+    cursor: grabbing;
+}
diff --git a/css/tickets_kanban.css b/css/tickets_kanban.css
index d4a78cbe..eaa8172b 100644
--- a/css/tickets_kanban.css
+++ b/css/tickets_kanban.css
@@ -32,4 +32,4 @@
     margin: 5px 0;
     padding: 10px;
     border: 1px solid #ddd;
-}
\ No newline at end of file
+}
diff --git a/includes/header.php b/includes/header.php
index e530bb28..8c6aee12 100644
--- a/includes/header.php
+++ b/includes/header.php
@@ -40,29 +40,7 @@ header("X-Frame-Options: DENY");
     <link href="plugins/toastr/toastr.min.css" rel="stylesheet">
     <link href="plugins/DataTables/datatables.min.css" rel="stylesheet">
     <!-- CSS to allow regular button to show as block button in mobile response view using the class btn-responsive -->
-    <style>
-        /* 
-           For screens below 576px (xs): 
-           - Make the button full-width, display:block 
-        */
-        @media (max-width: 575.98px) {
-          .btn-responsive {
-            display: block;
-            width: 100%;
-          }
-        }
-
-        /* 
-           For screens 576px (sm) and above:
-           - Revert to an inline style 
-        */
-        @media (min-width: 576px) {
-          .btn-responsive {
-            display: inline-block;
-            width: auto;
-          }
-        }
-    </style>
+    <link href="css/itflow_custom.css" rel="stylesheet">
 
     <!-- jQuery -->
     <script src="plugins/jquery/jquery.min.js"></script>
diff --git a/ticket.php b/ticket.php
index fa3e515e..71f093da 100644
--- a/ticket.php
+++ b/ticket.php
@@ -938,7 +938,12 @@ if (isset($_GET['ticket_id'])) {
                                         </a>
                                     <?php } ?>
                                 </td>
-                                <td><span class="text-secondary"><?php echo $task_completion_estimate; ?>m</span> - <?php echo $task_name; ?></td>
+                                <td>
+                                    <a href="#" class="grab-cursor">
+                                        <span class="text-secondary"><?php echo $task_completion_estimate; ?>m</span>
+                                        <span class="text-dark"> - <?php echo $task_name; ?></span>
+                                    </a>
+                                </td>
                                 <td>
                                     <div class="float-right">
                                         <?php if (empty($ticket_resolved_at) && lookupUserPermission("module_support") >= 2) { ?>