Merge pull request #88 from novasamatech/fix/hover-link

Fix: hover link on mobile
novasamatech · Feb 22, 2024 · 0df01a2 · 0df01a2
2 parents b899208 + fab474d
commit 0df01a2
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 3 deletions.
diff --git a/src/pages/globals.css b/src/pages/globals.css
@@ -21,6 +21,17 @@ body {
   background-color: var(--gray-gray50);
 }
 
+/* Hovered links */
+a:hover {
+  -webkit-tap-highlight-color: transparent;
+  -webkit-touch-callout: none;
+  -khtml-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+}
+
+
 /* Scrollbar for Firefox */
 * {
   scrollbar-width: thin;

diff --git a/src/screens/settings/SettingsPage.tsx b/src/screens/settings/SettingsPage.tsx
@@ -33,7 +33,7 @@ export default function SettingsPage() {
           iconName="Language"
           iconClassName="w-6 h-6"
           valueText="English"
-          className="grid-flow-col cursor-default"
+          className="grid-flow-col cursor-default pointer-events-none"
           wrapperClassName="hover:bg-unset active:bg-unset"
           showArrow
         />
@@ -42,7 +42,7 @@ export default function SettingsPage() {
           text="Default Currency"
           iconName="Currency"
           iconClassName="w-6 h-6"
-          className="grid-flow-col cursor-default"
+          className="grid-flow-col cursor-default pointer-events-none"
           wrapperClassName="hover:bg-unset active:bg-unset"
           valueText="USD"
           showArrow

diff --git a/src/screens/transfer/SelectTokenPage.tsx b/src/screens/transfer/SelectTokenPage.tsx
@@ -36,7 +36,7 @@ export default function SelectTokenPage() {
             <AssetBalance
               asset={asset.asset}
               balance={asset.totalBalance}
-              className="bg-white rounded-lg px-4 py-2 w-full hover:bg-bg-item-pressed"
+              className="bg-white rounded-lg px-4 py-2 w-full hover:bg-bg-item-pressed active:bg-bg-item-pressed"
               name={asset.name}
               showArrow
             />