v1.1.3

wpzoom · Feb 27, 2025 · a1acc8f · a1acc8f
1 parent 9f125dc
commit a1acc8f
Show file tree

Hide file tree

Showing 7 changed files with 32 additions and 8 deletions.
diff --git a/dist/scripts/frontend.asset.php b/dist/scripts/frontend.asset.php
@@ -1 +1 @@
-<?php return array('dependencies' => array('jquery'), 'version' => '88edf6d8023dd309d961');
+<?php return array('dependencies' => array('jquery'), 'version' => 'a3046485671d1e80bae1');
diff --git a/dist/scripts/frontend.js b/dist/scripts/frontend.js
diff --git a/dist/styles/frontend.css b/dist/styles/frontend.css
diff --git a/readme.txt b/readme.txt
@@ -71,6 +71,9 @@ In the Block editor click on the "+" button to add a new button. Search for "Vid
 
 == Changelog ==
 
+= 1.1.3 =
+* Bug fix with the Close icon not showing
+
 = 1.1.2 =
 * Added a new option to control the size of the popup
 * Minor bug fixes

diff --git a/src/scripts/frontend.js b/src/scripts/frontend.js
@@ -23,7 +23,7 @@ import magnificPopup from 'magnific-popup';
 							const videoUrl = item.src;
 							item.type = 'inline';
 							item.src = $('<div class="mfp-iframe-scaler" style="max-width: ' + popupWidth + ';">' +
-								'<div class="mfp-close"></div>' +
+								'<div class="mfp-close">&#215;</div>' +
 								'<video class="mfp-iframe" controls autoplay playsinline style="position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; background: #000;">' +
 									'<source src="' + videoUrl + '" type="video/mp4">' +
 								'</video>' +
@@ -79,7 +79,7 @@ import magnificPopup from 'magnific-popup';
 						}
 					},
 					markup: '<div class="mfp-iframe-scaler" style="max-width: ' + popupWidth + ';">' +
-							'<div class="mfp-close"></div>' +
+							'<div class="mfp-close">&#215;</div>' +
 							'<iframe class="mfp-iframe" frameborder="0" allowfullscreen></iframe>' +
 							'</div>'
 				}

diff --git a/src/styles/frontend.scss b/src/styles/frontend.scss
@@ -51,8 +51,29 @@ a.wpzoom-video-popup-block,
 	}
 }
 
+
+.mfp-close {
+  width: 27px;
+  font-size: 35px;
+  font-weight: 300;
+  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
+}
+
+.mfp-close:hover,
+.mfp-close:focus {
+    cursor: pointer;
+}
+
+.mfp-close-btn-in .mfp-close {
+  color: #fff;
+  top: -40px;
+}
+
+
 .mfp-close {
     svg {
       pointer-events: none;
     }
-}
+}
+
+
diff --git a/wpzoom-video-popup-block.php b/wpzoom-video-popup-block.php
@@ -3,7 +3,7 @@
  * Plugin Name: Video Popup Block by WPZOOM
  * Plugin URI: https://wordpress.org/plugins/wpzoom-video-popup-block/
  * Description: Quickly add a button displaying a YouTube, Vimeo or Self-Hosted (MP4) video in a popup when clicked.
- * Version: 1.1.2
+ * Version: 1.1.3
  * Author: WPZOOM
  * Author URI: https://www.wpzoom.com/
  * Text Domain: wpzoom-video-popup-block
@@ -39,7 +39,7 @@ class Plugin {
 	 * @since 1.0.0
 	 * @var   int
 	 */
-	public const VERSION = '1.1.2';
+	public const VERSION = '1.1.3';
 
 	/**
 	 * Path to the plugin directory.
Original file line number	Diff line number	Diff line change
		@@ -1 +1 @@
		<?php return array('dependencies' => array('jquery'), 'version' => '88edf6d8023dd309d961');
		<?php return array('dependencies' => array('jquery'), 'version' => 'a3046485671d1e80bae1');