From 170056cc551049736048c3a7dc77d278c505fd98 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tr=C3=A8sAbhi?= <43380238+tresabhi@users.noreply.github.com>
Date: Sat, 3 Feb 2024 12:47:37 -0600
Subject: [PATCH] fix: no user select for on canvas elements

---
 .../[id]/components/QuickInputs/index.tsx     | 32 ++++++++++++++++---
 src/components/ShotDisplay.tsx                |  1 +
 2 files changed, 29 insertions(+), 4 deletions(-)

diff --git a/src/app/tools/tankopedia/[id]/components/QuickInputs/index.tsx b/src/app/tools/tankopedia/[id]/components/QuickInputs/index.tsx
index ac37a318d..de438d357 100644
--- a/src/app/tools/tankopedia/[id]/components/QuickInputs/index.tsx
+++ b/src/app/tools/tankopedia/[id]/components/QuickInputs/index.tsx
@@ -59,7 +59,13 @@ export function RotationInputs() {
             flex: 1,
           }}
         >
-          <TextField.Slot>Yaw</TextField.Slot>
+          <TextField.Slot
+            style={{
+              userSelect: 'none',
+            }}
+          >
+            Yaw
+          </TextField.Slot>
           <TextField.Input
             defaultValue={Math.round(physical.yaw * (180 / Math.PI))}
             onBlur={() => {
@@ -87,7 +93,13 @@ export function RotationInputs() {
             ref={turretYawInput}
             style={{ textAlign: 'right' }}
           />
-          <TextField.Slot>°</TextField.Slot>
+          <TextField.Slot
+            style={{
+              userSelect: 'none',
+            }}
+          >
+            °
+          </TextField.Slot>
         </TextField.Root>
 
         <TextField.Root
@@ -95,7 +107,13 @@ export function RotationInputs() {
             flex: 1,
           }}
         >
-          <TextField.Slot>Pitch</TextField.Slot>
+          <TextField.Slot
+            style={{
+              userSelect: 'none',
+            }}
+          >
+            Pitch
+          </TextField.Slot>
           <TextField.Input
             defaultValue={-Math.round(physical.pitch * (180 / Math.PI))}
             onBlur={() => {
@@ -123,7 +141,13 @@ export function RotationInputs() {
             ref={gunPitchInput}
             style={{ textAlign: 'right' }}
           />
-          <TextField.Slot>°</TextField.Slot>
+          <TextField.Slot
+            style={{
+              userSelect: 'none',
+            }}
+          >
+            °
+          </TextField.Slot>
         </TextField.Root>
       </Flex>
 
diff --git a/src/components/ShotDisplay.tsx b/src/components/ShotDisplay.tsx
index 7bf538f63..fcae48eba 100644
--- a/src/components/ShotDisplay.tsx
+++ b/src/components/ShotDisplay.tsx
@@ -90,6 +90,7 @@ export function ShotDisplay() {
           <Card
             style={{
               width: shot.thicknesses.length > 1 ? 300 : 200,
+              userSelect: 'none',
             }}
           >
             <Flex direction="column" gap="1">