Merge pull request #137 from SnowdogApps/feature/52198

#52198 - Fix fotorama video styles
SnowdogApps · Apr 17, 2019 · 21ec6f5 · 21ec6f5
2 parents f9c34ef + 336b0a3
commit 21ec6f5
Show file tree

Hide file tree

Showing 2 changed files with 45 additions and 0 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -6,6 +6,9 @@ All notable changes to this project will be documented in this file.
 - wishlist and catalog elements for focus state
 - Catalog grid item link class name
 
+### Fixed
+- Fotorama video styles
+
 ## [1.2.0] - 2019-03-04
 ### Added
 - Support for escape key in dropdown script

diff --git a/Magento_Catalog/styles/modules/_fotorama.scss b/Magento_Catalog/styles/modules/_fotorama.scss
@@ -93,6 +93,48 @@
         }
     }
 
+    .fotorama-video-container {
+        cursor: pointer;
+
+        &.video-unplayed {
+            &:after {
+                content: '';
+                position: absolute;
+                top: 12px;
+                right: 0;
+                bottom: 0;
+                left: 0;
+                width: 100px;
+                height: 100px;
+                margin: auto;
+                opacity: 0.8;
+                background: url(../Magento_ProductVideo/img/gallery-sprite.png) bottom right;
+            }
+
+            &:hover {
+                &:after {
+                    opacity: 1;
+                }
+            }
+        }
+
+        &.fotorama__product-video--loaded {
+            .product-video {
+                display: block;
+                width: 100%;
+                height: 100%;
+            }
+        }
+
+        .product-video {
+            display: none;
+        }
+
+        .fotorama__img {
+            pointer-events: none;
+        }
+    }
+
     .fotorama__thumb-border {
         display: none;
     }