From a0c60ecea331b8824868c6393cab01960b57c0cd Mon Sep 17 00:00:00 2001
From: ingalls <nick@ingalls.ca>
Date: Wed, 18 Dec 2024 21:22:37 -0700
Subject: [PATCH] Don't allow text selection of config buttons

---
 api/web/src/components/Admin.vue      | 24 ++++++++++++------------
 api/web/src/components/Connection.vue | 12 ++++++------
 api/web/src/components/Data.vue       |  8 ++++----
 api/web/src/components/Layer.vue      | 10 +++++-----
 4 files changed, 27 insertions(+), 27 deletions(-)

diff --git a/api/web/src/components/Admin.vue b/api/web/src/components/Admin.vue
index c5010ed28..45ef52525 100644
--- a/api/web/src/components/Admin.vue
+++ b/api/web/src/components/Admin.vue
@@ -24,7 +24,7 @@
                                         </h4>
                                         <div class='list-group list-group-transparent'>
                                             <span
-                                                class='list-group-item list-group-item-action d-flex align-items-center'
+                                                class='list-group-item list-group-item-action d-flex align-items-center user-select-none'
                                                 :class='{
                                                     "active": String($route.name) === "admin-server",
                                                     "cursor-pointer": String($route.name) !== "admin-server"
@@ -37,7 +37,7 @@
                                                 /><span class='mx-3'>TAK Server Connection</span>
                                             </span>
                                             <span
-                                                class='list-group-item list-group-item-action d-flex align-items-center'
+                                                class='list-group-item list-group-item-action d-flex align-items-center user-select-none'
                                                 :class='{
                                                     "active": String($route.name) === "admin-config",
                                                     "cursor-pointer": String($route.name) !== "admin-config"
@@ -48,7 +48,7 @@
                                                 stroke='1'
                                             /><span class='mx-3'>CloudTAK Settings</span></span>
                                             <span
-                                                class='list-group-item list-group-item-action d-flex align-items-center'
+                                                class='list-group-item list-group-item-action d-flex align-items-center user-select-none'
                                                 :class='{
                                                     "active": String($route.name) === "admin-task-raw",
                                                     "cursor-pointer": String($route.name) !== "admin-task-raw"
@@ -59,7 +59,7 @@
                                                 stroke='1'
                                             /><span class='mx-3'>ETL Containers</span></span>
                                             <span
-                                                class='list-group-item list-group-item-action d-flex align-items-center'
+                                                class='list-group-item list-group-item-action d-flex align-items-center user-select-none'
                                                 :class='{
                                                     "active": String($route.name).includes("admin-overlays"),
                                                     "cursor-pointer": !String($route.name).includes("admin-overlays")
@@ -70,7 +70,7 @@
                                                 stroke='1'
                                             /><span class='mx-3'>Global Overlays</span></span>
                                             <span
-                                                class='list-group-item list-group-item-action d-flex align-items-center'
+                                                class='list-group-item list-group-item-action d-flex align-items-center user-select-none'
                                                 :class='{
                                                     "active": String($route.name) === "admin-task",
                                                     "cursor-pointer": String($route.name) !== "admin-task"
@@ -81,7 +81,7 @@
                                                 stroke='1'
                                             /><span class='mx-3'>Registered Tasks</span></span>
                                             <span
-                                                class='list-group-item list-group-item-action d-flex align-items-center'
+                                                class='list-group-item list-group-item-action d-flex align-items-center user-select-none'
                                                 :class='{
                                                     "active": String($route.name) === "admin-connection",
                                                     "cursor-pointer": String($route.name) !== "admin-connection"
@@ -92,7 +92,7 @@
                                                 stroke='1'
                                             /><span class='mx-3'>Connections</span></span>
                                             <span
-                                                class='list-group-item list-group-item-action d-flex align-items-center'
+                                                class='list-group-item list-group-item-action d-flex align-items-center user-select-none'
                                                 :class='{
                                                     "active": String($route.name) === "admin-layer",
                                                     "cursor-pointer": String($route.name) !== "admin-layer"
@@ -103,7 +103,7 @@
                                                 stroke='1'
                                             /><span class='mx-3'>Layers</span></span>
                                             <span
-                                                class='list-group-item list-group-item-action d-flex align-items-center'
+                                                class='list-group-item list-group-item-action d-flex align-items-center user-select-none'
                                                 :class='{
                                                     "active": String($route.name) === "admin-data",
                                                     "cursor-pointer": String($route.name) !== "admin-data"
@@ -114,7 +114,7 @@
                                                 stroke='1'
                                             /><span class='mx-3'>Data Syncs</span></span>
                                             <span
-                                                class='list-group-item list-group-item-action d-flex align-items-center'
+                                                class='list-group-item list-group-item-action d-flex align-items-center user-select-none'
                                                 :class='{
                                                     "active": String($route.name).startsWith("admin-user"),
                                                     "cursor-pointer": !String($route.name).startsWith("admin-user")
@@ -125,7 +125,7 @@
                                                 stroke='1'
                                             /><span class='mx-3'>Users</span></span>
                                             <span
-                                                class='list-group-item list-group-item-action d-flex align-items-center'
+                                                class='list-group-item list-group-item-action d-flex align-items-center user-select-none'
                                                 :class='{
                                                     "active": String($route.name).includes("admin-video"),
                                                     "cursor-pointer": !String($route.name).includes("admin-video")
@@ -136,7 +136,7 @@
                                                 stroke='1'
                                             /><span class='mx-3'>Video Services</span></span>
                                             <span
-                                                class='list-group-item list-group-item-action d-flex align-items-center'
+                                                class='list-group-item list-group-item-action d-flex align-items-center user-select-none'
                                                 :class='{
                                                     "active": String($route.name).includes("admin-export"),
                                                     "cursor-pointer": !String($route.name).includes("admin-export")
@@ -147,7 +147,7 @@
                                                 stroke='1'
                                             /><span class='mx-3'>Export</span></span>
                                             <span
-                                                class='list-group-item list-group-item-action d-flex align-items-center'
+                                                class='list-group-item list-group-item-action d-flex align-items-center user-select-none'
                                                 :class='{
                                                     "active": String($route.name).includes("admin-templates"),
                                                     "cursor-pointer": !String($route.name).includes("admin-templates")
diff --git a/api/web/src/components/Connection.vue b/api/web/src/components/Connection.vue
index 57051a10b..a73543e6f 100644
--- a/api/web/src/components/Connection.vue
+++ b/api/web/src/components/Connection.vue
@@ -113,7 +113,7 @@
                                         </h4>
                                         <div class='list-group list-group-transparent'>
                                             <span
-                                                class='list-group-item list-group-item-action d-flex align-items-center'
+                                                class='list-group-item list-group-item-action d-flex align-items-center user-select-none'
                                                 :class='{
                                                     "active": $route.name === "connection-layers",
                                                     "cursor-pointer": $route.name !== "connection-layers"
@@ -124,7 +124,7 @@
                                                 :stroke='1'
                                             /><span class='mx-3'>Layers</span></span>
                                             <span
-                                                class='list-group-item list-group-item-action d-flex align-items-center'
+                                                class='list-group-item list-group-item-action d-flex align-items-center user-select-none'
                                                 :class='{
                                                     "active": $route.name === "connection-groups",
                                                     "cursor-pointer": $route.name !== "connection-groups"
@@ -135,7 +135,7 @@
                                                 :stroke='1'
                                             /><span class='mx-3'>Channels</span></span>
                                             <span
-                                                class='list-group-item list-group-item-action d-flex align-items-center'
+                                                class='list-group-item list-group-item-action d-flex align-items-center user-select-none'
                                                 :class='{
                                                     "active": $route.name === "connection-datas",
                                                     "cursor-pointer": $route.name !== "connection-datas"
@@ -146,7 +146,7 @@
                                                 :stroke='1' 
                                             /><span class='mx-3'>Data Syncs</span></span>
                                             <span
-                                                class='list-group-item list-group-item-action d-flex align-items-center'
+                                                class='list-group-item list-group-item-action d-flex align-items-center user-select-none'
                                                 :class='{
                                                     "active": $route.name === "connection-sinks",
                                                     "cursor-pointer": $route.name !== "connection-sinks"
@@ -157,7 +157,7 @@
                                                 :stroke='1'
                                             /><span class='mx-3'>Outbounds Sinks</span></span>
                                             <span
-                                                class='list-group-item list-group-item-action d-flex align-items-center'
+                                                class='list-group-item list-group-item-action d-flex align-items-center user-select-none'
                                                 :class='{
                                                     "active": $route.name === "connection-healths",
                                                     "cursor-pointer": $route.name !== "connection-healths"
@@ -168,7 +168,7 @@
                                                 :stroke='1'
                                             /><span class='mx-3'>Health &amp; Metrics</span></span>
                                             <span
-                                                class='list-group-item list-group-item-action d-flex align-items-center'
+                                                class='list-group-item list-group-item-action d-flex align-items-center user-select-none'
                                                 :class='{
                                                     "active": $route.name === "connection-tokens",
                                                     "cursor-pointer": $route.name !== "connection-tokens"
diff --git a/api/web/src/components/Data.vue b/api/web/src/components/Data.vue
index 2e14cd8b1..2c5f725a5 100644
--- a/api/web/src/components/Data.vue
+++ b/api/web/src/components/Data.vue
@@ -127,7 +127,7 @@
                                         </h4>
                                         <div class='list-group list-group-transparent'>
                                             <span
-                                                class='list-group-item list-group-item-action d-flex align-items-center'
+                                                class='list-group-item list-group-item-action d-flex align-items-center user-select-none'
                                                 :class='{
                                                     "active": $route.name === "data-groups",
                                                     "cursor-pointer": $route.name !== "data-groups"
@@ -138,7 +138,7 @@
                                                 :stroke='1'
                                             /><span class='mx-3'>Channels</span></span>
                                             <span
-                                                class='list-group-item list-group-item-action d-flex align-items-center'
+                                                class='list-group-item list-group-item-action d-flex align-items-center user-select-none'
                                                 :class='{
                                                     "active": $route.name === "data-files",
                                                     "cursor-pointer": $route.name !== "data-files"
@@ -149,7 +149,7 @@
                                                 :stroke='1'
                                             /><span class='mx-3'>Files</span></span>
                                             <span
-                                                class='list-group-item list-group-item-action d-flex align-items-center'
+                                                class='list-group-item list-group-item-action d-flex align-items-center user-select-none'
                                                 :class='{
                                                     "active": $route.name === "data-layer",
                                                     "cursor-pointer": $route.name !== "data-layer"
@@ -160,7 +160,7 @@
                                                 :stroke='1'
                                             /><span class='mx-3'>Layers</span></span>
                                             <span
-                                                class='list-group-item list-group-item-action d-flex align-items-center'
+                                                class='list-group-item list-group-item-action d-flex align-items-center user-select-none'
                                                 :class='{
                                                     "active": $route.name === "data-jobs",
                                                     "cursor-pointer": $route.name !== "data-jobs"
diff --git a/api/web/src/components/Layer.vue b/api/web/src/components/Layer.vue
index e0b8ee624..fa4ca2275 100644
--- a/api/web/src/components/Layer.vue
+++ b/api/web/src/components/Layer.vue
@@ -116,7 +116,7 @@
                                         </h4>
                                         <div class='list-group list-group-transparent'>
                                             <span
-                                                class='list-group-item list-group-item-action d-flex align-items-center'
+                                                class='list-group-item list-group-item-action d-flex align-items-center user-select-none'
                                                 :class='{
                                                     "active": $route.name === "layer-deployment",
                                                     "cursor-pointer": $route.name !== "layer-deployment"
@@ -127,7 +127,7 @@
                                                 :stroke='1'
                                             /><span class='mx-3'>Deployment</span></span>
                                             <span
-                                                class='list-group-item list-group-item-action d-flex align-items-center'
+                                                class='list-group-item list-group-item-action d-flex align-items-center user-select-none'
                                                 :class='{
                                                     "active": $route.name === "layer-config",
                                                     "cursor-pointer": $route.name !== "layer-config"
@@ -138,7 +138,7 @@
                                                 :stroke='1'
                                             /><span class='mx-3'>Config</span></span>
                                             <span
-                                                class='list-group-item list-group-item-action d-flex align-items-center'
+                                                class='list-group-item list-group-item-action d-flex align-items-center user-select-none'
                                                 :class='{
                                                     "active": $route.name === "layer-environment",
                                                     "cursor-pointer": $route.name !== "layer-environment"
@@ -149,7 +149,7 @@
                                                 :stroke='1'
                                             /><span class='mx-3'>Environment</span></span>
                                             <span
-                                                class='list-group-item list-group-item-action d-flex align-items-center'
+                                                class='list-group-item list-group-item-action d-flex align-items-center user-select-none'
                                                 :class='{
                                                     "active": $route.name === "layer-schema",
                                                     "cursor-pointer": $route.name !== "layer-schema"
@@ -160,7 +160,7 @@
                                                 :stroke='1'
                                             /><span class='mx-3'>Schema</span></span>
                                             <span
-                                                class='list-group-item list-group-item-action d-flex align-items-center'
+                                                class='list-group-item list-group-item-action d-flex align-items-center user-select-none'
                                                 :class='{
                                                     "active": $route.name === "layer-styles",
                                                     "cursor-pointer": $route.name !== "layer-styles"