fix(mobile): disable hover actions in CSS

Signed-off-by: Varun Patil <radialapps@gmail.com>
pulsejet · Oct 24, 2023 · e6d288d · e6d288d
1 parent c097bd4
commit e6d288d
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/src/components/frame/Photo.vue b/src/components/frame/Photo.vue
@@ -318,7 +318,7 @@ $icon-size: $icon-half-size * 2;
     opacity: 1;
   }
 
-  @media (hover: hover) {
+  @media (hover: hover) and (pointer: fine) {
     .p-outer:hover > & {
       @include visible;
     }
@@ -433,7 +433,7 @@ div.img-outer {
 
     display: none;
     transition: border-radius 0.1s ease-in;
-    @media (hover: hover) {
+    @media (hover: hover) and (pointer: fine) {
       .p-outer:not(.selected):hover > & {
         display: block;
       }

diff --git a/src/components/frame/RowHead.vue b/src/components/frame/RowHead.vue
@@ -121,7 +121,7 @@ export default defineComponent({
   }
 
   // Show the icon (gray) when hovering or selected
-  @media (hover: hover) {
+  @media (hover: hover) and (pointer: fine) {
     &:hover {
       @include visible;
     }