From f9094a4ad64904e0bde6b83241c14cadfaf0f680 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ferit=20Yi=C4=9Fit=20BALABAN?= <fyb@duck.com>
Date: Fri, 22 Jul 2022 23:37:17 +0300
Subject: [PATCH] Disable scroll-to-top button hover on mobile

---
 resources/css/main.scss   | 20 +++++++++++---------
 resources/styles/main.css | 22 ++++++++++++----------
 2 files changed, 23 insertions(+), 19 deletions(-)

diff --git a/resources/css/main.scss b/resources/css/main.scss
index b74c876..6f9c455 100644
--- a/resources/css/main.scss
+++ b/resources/css/main.scss
@@ -284,16 +284,18 @@ a {
     filter: invert(100%);
   }
 
-  &:hover {
-    width: $px_scroll-to-top_size + 10;
-    height: $px_scroll-to-top_size + 10;
-    right: 20px;
-    bottom: 50px;
-    transition: 250ms cubic-bezier(0.51, 1.27, 0.18, 0.96);
-
-    img {
-      transform: translateY(-5px);
+  @media (hover: hover) and (pointer: fine) {
+    &:hover {
+      width: $px_scroll-to-top_size + 10;
+      height: $px_scroll-to-top_size + 10;
+      right: 20px;
+      bottom: 50px;
       transition: 250ms cubic-bezier(0.51, 1.27, 0.18, 0.96);
+
+      img {
+        transform: translateY(-5px);
+        transition: 250ms cubic-bezier(0.51, 1.27, 0.18, 0.96);
+      }
     }
   }
 }
diff --git a/resources/styles/main.css b/resources/styles/main.css
index 1c3b568..eae0dc3 100644
--- a/resources/styles/main.css
+++ b/resources/styles/main.css
@@ -1003,16 +1003,18 @@ a:active {
   width: 100%;
   filter: invert(100%);
 }
-#scroll-to-top:hover {
-  width: 60px;
-  height: 60px;
-  right: 20px;
-  bottom: 50px;
-  transition: 250ms cubic-bezier(0.51, 1.27, 0.18, 0.96);
-}
-#scroll-to-top:hover img {
-  transform: translateY(-5px);
-  transition: 250ms cubic-bezier(0.51, 1.27, 0.18, 0.96);
+@media (hover: hover) and (pointer: fine) {
+  #scroll-to-top:hover {
+    width: 60px;
+    height: 60px;
+    right: 20px;
+    bottom: 50px;
+    transition: 250ms cubic-bezier(0.51, 1.27, 0.18, 0.96);
+  }
+  #scroll-to-top:hover img {
+    transform: translateY(-5px);
+    transition: 250ms cubic-bezier(0.51, 1.27, 0.18, 0.96);
+  }
 }
 
 #footer {