1.0.2

julio-com · Aug 2, 2019 · 08fff75 · 08fff75
1 parent ed80cc8
commit 08fff75
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 5 deletions.
diff --git a/composer.json b/composer.json
@@ -1,6 +1,6 @@
 {
 	"name": "julio.com/video"
-	,"version": "1.0.1"
+	,"version": "1.0.2"
 	,"description": "A product video module for julio.com (Magento 2)"
 	,"type": "magento2-module"
 	,"homepage": "https://github.com/julio-com/video"

diff --git a/view/frontend/web/main.js b/view/frontend/web/main.js
@@ -10,7 +10,7 @@ function(c, e) {
 	var $a = $('a', $e);
 	var is1Column = $e.hasClass('julio-video-1column');
 	var is2Columns = $e.hasClass('julio-video-2columns');
-	$a.toggleClass('df-hidden', !$e.data('video'));
+	$e.toggleClass('df-hidden', !$e.data('video'));
 	// 2019-08-01 https://www.w3schools.com/howto/howto_js_fullscreen.asp
 	function fs(e) {
 		e.requestFullscreen ? e.requestFullscreen() : (

diff --git a/view/frontend/web/main.less b/view/frontend/web/main.less
@@ -7,16 +7,19 @@ div.julio-video {
 		display: none;
 		@media (max-width: 767px) {
 			background-color: #eee;
-			display: flex;
 			justify-content: space-around;
 			padding: 0;
 			width: 100%;
+			&:not(.df-hidden) {display: flex;}
 		}
 	}
 	&.julio-video-2columns {
-		display: none; @media (min-width: 768px) and (max-width: 1199px) {display: block;}
+		display: none;
+		@media (min-width: 768px) and (max-width: 1199px) {&:not(.df-hidden) {display: block;}}
+	}
+	&.julio-video-3columns {
+		display: none; @media (min-width: 1200px) {&:not(.df-hidden){display: block;}}
 	}
-	&.julio-video-3columns {display: none; @media (min-width: 1200px) {display: block;}}
 	> div {
 		@media (max-width: 767px) {
 			margin: 7px 0;