Revert "Revert always show preview videos on small devices (stashapp#…

…1340)"

This reverts commit d7a04ce.

ui/v2.5/src/components/Changelog/versions/v070.md

@@ -35,7 +35,6 @@
 
 ### 🐛 Bug fixes
 * Fix image/gallery title not being set during scan.
-* Reverted video previews always playing on small devices.
 * Fix performer/studio being cleared when skipped in scene tagger.
 * Fixed error when auto-tagging for performers/studios/tags with regex characters in the name.
 * Fix scraped performer image not updating after clearing the current image when creating a new performer.

ui/v2.5/src/components/Scenes/styles.scss

@@ -199,17 +199,36 @@ textarea.scene-description {
     }
   }
 
-  &:hover,
-  &:active {
-    .scene-specs-overlay,
-    .rating-banner,
-    .scene-studio-overlay {
-      opacity: 0;
-      transition: opacity 0.5s;
+  @media (pointer: fine) {
+    &:hover {
+      .scene-specs-overlay,
+      .rating-banner,
+      .scene-studio-overlay {
+        opacity: 0;
+        transition: opacity 0.5s;
+      }
+
+      .scene-studio-overlay:hover {
+        opacity: 0.75;
+        transition: opacity 0.5s;
+      }
+
+      .scene-card-check {
+        opacity: 0.75;
+        transition: opacity 0.5s;
+      }
+
+      .scene-card-preview-video {
+        top: 0;
+        transition-delay: 0.2s;
+      }
     }
+  }
 
-    .scene-studio-overlay:hover,
-    .scene-studio-overlay:active {
+  /* replicate hover for non-hoverable interfaces */
+  @media (hover: none), (pointer: coarse), (pointer: none) {
+    /* don't hide overlays */
+    .scene-studio-overlay {
       opacity: 0.75;
       transition: opacity 0.5s;
     }