From b5064f9e8ba552be207b0a87a0a1c9c9ab28b28b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tr=C3=A8sAbhi?= <43380238+tresabhi@users.noreply.github.com>
Date: Tue, 12 Aug 2025 12:59:46 -0500
Subject: [PATCH] fix: touch action

---
 .../components/ModelChunk.tsx                        | 12 ++++++------
 .../components/GunFlexibilityVisualizer/index.tsx    |  3 +++
 2 files changed, 9 insertions(+), 6 deletions(-)

diff --git a/packages/website/src/components/Tankopedia/CharacteristicsSection/components/Characteristics/components/GunFlexibilityVisualizer/components/ModelChunk.tsx b/packages/website/src/components/Tankopedia/CharacteristicsSection/components/Characteristics/components/GunFlexibilityVisualizer/components/ModelChunk.tsx
index 2c2b83872..58c82875d 100644
--- a/packages/website/src/components/Tankopedia/CharacteristicsSection/components/Characteristics/components/GunFlexibilityVisualizer/components/ModelChunk.tsx
+++ b/packages/website/src/components/Tankopedia/CharacteristicsSection/components/Characteristics/components/GunFlexibilityVisualizer/components/ModelChunk.tsx
@@ -9,17 +9,17 @@ const modelDefinitions = await awaitableModelDefinitions;
 
 const surfaceMaterial: Record<Props['only'], MeshBasicMaterial> = {
   gun: new MeshBasicMaterial({
-    color: mauveDark.mauve11,
+    color: mauveDark.mauve8,
     toneMapped: false,
   }),
   turret: new MeshBasicMaterial({
     color: mauveDark.mauve6,
     toneMapped: false,
     transparent: true,
-    opacity: 0.25,
+    opacity: 0.5,
   }),
   body: new MeshBasicMaterial({
-    color: mauveDark.mauve9,
+    color: mauveDark.mauve6,
     toneMapped: false,
     transparent: true,
     opacity: 0.5,
@@ -27,17 +27,17 @@ const surfaceMaterial: Record<Props['only'], MeshBasicMaterial> = {
 };
 const outlineMaterial: Record<Props['only'], LineBasicMaterial> = {
   gun: new LineBasicMaterial({
-    color: mauveDark.mauve3,
+    color: mauveDark.mauve11,
     toneMapped: false,
   }),
   turret: new LineBasicMaterial({
     color: mauveDark.mauve8,
     toneMapped: false,
     transparent: true,
-    opacity: 0.25,
+    opacity: 0.5,
   }),
   body: new LineBasicMaterial({
-    color: mauveDark.mauve11,
+    color: mauveDark.mauve8,
     toneMapped: false,
     transparent: true,
     opacity: 0.5,
diff --git a/packages/website/src/components/Tankopedia/CharacteristicsSection/components/Characteristics/components/GunFlexibilityVisualizer/index.tsx b/packages/website/src/components/Tankopedia/CharacteristicsSection/components/Characteristics/components/GunFlexibilityVisualizer/index.tsx
index f5a5d8fa0..64fb4ed83 100644
--- a/packages/website/src/components/Tankopedia/CharacteristicsSection/components/Characteristics/components/GunFlexibilityVisualizer/index.tsx
+++ b/packages/website/src/components/Tankopedia/CharacteristicsSection/components/Characteristics/components/GunFlexibilityVisualizer/index.tsx
@@ -208,7 +208,10 @@ export function GunFlexibilityVisualizer({
 
       <VisualizerCard
         ref={container}
+        style={{ touchAction: 'none' }}
         onPointerMove={(event) => {
+          event.preventDefault();
+
           if (!container.current || !highlighter.current || !pointer.current)
             return;