From 22507c2d092353192b14d83ef60b76b21cf97b7a Mon Sep 17 00:00:00 2001
From: elise <hei@elisejakob.no>
Date: Sun, 11 Aug 2024 10:42:08 +0200
Subject: [PATCH] remove opacity on hidden overlay link items, which messed
 with clickability on ios

---
 .../components/events/eventItem.module.scss   |  4 ++--
 web/src/css/base.scss                         | 23 ++++++++++---------
 2 files changed, 14 insertions(+), 13 deletions(-)

diff --git a/web/src/components/events/eventItem.module.scss b/web/src/components/events/eventItem.module.scss
index 8ffed7d..4286fc2 100644
--- a/web/src/components/events/eventItem.module.scss
+++ b/web/src/components/events/eventItem.module.scss
@@ -98,7 +98,7 @@
     }
   }
 
-  &:hover {
+  /*&:hover {
     opacity: 1;
     .text {
       &:before {
@@ -106,7 +106,7 @@
         opacity: 1;
       }
     }
-  }
+  }*/
 }
 
 .image {
diff --git a/web/src/css/base.scss b/web/src/css/base.scss
index 3abb317..33bae67 100644
--- a/web/src/css/base.scss
+++ b/web/src/css/base.scss
@@ -186,23 +186,24 @@ select {
   left: 0;
   width: 100%;
   height: 100%;
-  opacity: 0;
   overflow: hidden;
   text-indent: -9999px;
   z-index: 10;
 }
 
-.linkItem {
-  transition: opacity var(--transition-easing);
-  cursor: pointer;
-
-  &:hover {
-    opacity: .6;
+@media (pointer: fine) {
+  .linkItem {
     transition: opacity var(--transition-easing);
-  }
-
-  &:has(:focus-visible) {
-    box-shadow: 0 0 0 1px var(--color-background), 0 0 0 3px var(--color-green-dark);
+    cursor: pointer;
+  
+    &:hover {
+      opacity: .6;
+      transition: opacity var(--transition-easing);
+    }
+  
+    &:has(:focus-visible) {
+      box-shadow: 0 0 0 1px var(--color-background), 0 0 0 3px var(--color-green-dark);
+    }
   }
 }