From 02904a747ac8db4d76330f043d1449686517cb26 Mon Sep 17 00:00:00 2001
From: misterkirill <misterkirill666@gmail.com>
Date: Sun, 22 Jun 2025 21:24:42 +0500
Subject: [PATCH] fix: Fix incorrect phone upgrades view (#1)

---
 assets/css/global.css | 9 +++++++++
 index.html            | 1 +
 js/game.js            | 1 +
 3 files changed, 11 insertions(+)

diff --git a/assets/css/global.css b/assets/css/global.css
index 70423dd..6a2d874 100644
--- a/assets/css/global.css
+++ b/assets/css/global.css
@@ -129,3 +129,12 @@ a {
   padding: 1rem;
   border-radius: 8px;
 }
+
+.phone-only {
+  display: none;
+}
+@media screen and (max-width: 500px) {
+  .phone-only {
+    display: inline-block;
+  }
+}
diff --git a/index.html b/index.html
index 060f23f..1cead25 100644
--- a/index.html
+++ b/index.html
@@ -37,6 +37,7 @@
         <path fill-rule="evenodd" d="M8 15a.5.5 0 0 0 .5-.5V2.707l3.146 3.147a.5.5 0 0 0 .708-.708l-4-4a.5.5 0 0 0-.708 0l-4 4a.5.5 0 1 0 .708.708L7.5 2.707V14.5a.5.5 0 0 0 .5.5"/>
       </svg>
     </button>
+    <p><b>Upgrades</b> <i class="phone-only">(hold to see more info)</i></p>
     <div id="upgrades"></div>
     <div id="upgrade-info">
       <b id="upgrade-name">Upgrade name</b>
diff --git a/js/game.js b/js/game.js
index e0fa327..f0913c8 100644
--- a/js/game.js
+++ b/js/game.js
@@ -60,6 +60,7 @@ function updateUpgrades() {
     upgradeBtn.onclick = () => purchaseUpgrade(upgrade);
     upgradeBtn.onmouseenter = () => updateUpgradeInfo(upgrade);
     upgradeBtn.onmouseleave = clearUpgradeInfo;
+    upgradeBtn.oncontextmenu = () => false;
     
     if (mood < upgrade.cost) {
       upgradeBtn.style.opacity = 0.6;