Changeset 2807247

Timestamp:

10/30/2022 01:28:02 PM (3 years ago)

Author:

mendibass

Message:

wp 6.0.3 compatibility, resize fixed

Location:

page-list-preview

Files:

• tags/2.1.0 (added)
• tags/2.1.0/PageListPreview.php (added)
• tags/2.1.0/index.php (added)
• tags/2.1.0/plp-resize.js (added)
• tags/2.1.0/plp_rtl_style.css (added)
• tags/2.1.0/plp_style.css (added)
• tags/2.1.0/readme.txt (added)
• tags/2.1.0/uninstall.php (added)
• trunk/PageListPreview.php (modified) (2 diffs)
• trunk/plp-resize.js (modified) (2 diffs)
• trunk/plp_style.css (modified) (3 diffs)
• trunk/readme.txt (modified) (2 diffs)

page-list-preview/trunk/PageListPreview.php

@@ -10 +10 @@
 Author: Mendi Bass
 Author URI: https://github.com/MMBass
-Version: 2.0.0
+Version: 2.1.0
 License: GPL v2 or later
 Text Domain: page-list-preview 
@@ -57 +57 @@
     echo '
         <div class="plp-container">
-            <iframe
-                class="plp-iframe plp-resizable-iframe"
-                sandbox="allow-scripts allow-same-origin" 
-                loading="lazy" 
-                scrolling="no"   
-                src="'.esc_url( $plp_page_link ).'">
-            </iframe>
+            <div class="plp-block plp-resizable">
+                <iframe
+                    class="plp-iframe"
+                    sandbox="allow-scripts allow-same-origin" 
+                    loading="lazy" 
+                    scrolling="no"   
+                    src="'.esc_url( $plp_page_link ).'">
+                </iframe>
+            </div>
         </div>
         ';

page-list-preview/trunk/plp-resize.js

@@ -4 +4 @@
     }
 
-    let plpResizableIframe = document.querySelectorAll(".plp-resizable-iframe");
+    let plpResizable = document.querySelectorAll(".plp-resizable");
 
-    plpResizableIframe.forEach((e) => {
-        // e.addEventListener("mouseover", () => { PlpSaveSize(e) });
+    plpResizable.forEach((e) => {
         e.addEventListener("mousedown", () => { PlpSaveSize(e) });
         e.addEventListener("mouseup", () => { PlpSaveSize(e) });
+        e.addEventListener("mouseleave", () => { PlpSaveSize(e) });
+        e.addEventListener("mouseout", () => { PlpSaveSize(e) });
 
-        // e.parentElement.addEventListener("mouseover", () => { PlpSaveSize(e) });
+        e.parentElement.addEventListener("mouseleave", () => { PlpSaveSize(e) });
+        e.parentElement.addEventListener("mouseout", () => { PlpSaveSize(e) });
         e.parentElement.addEventListener("mousedown", () => { PlpSaveSize(e) });
         e.parentElement.addEventListener("mouseup", () => { PlpSaveSize(e) });
@@ -21 +23 @@
 
     function PlpResizeAll(c) {
-        plpResizableIframe.forEach((frame) => {
+        plpResizable.forEach((frame) => {
             frame.style.height = c.h;
             frame.style.width = c.w;

page-list-preview/trunk/plp_style.css

@@ -2 +2 @@
     width:400px;
     height:250px;
-
-    min-height: 100px;
-    min-width: 200px;
 
     padding-top: 10px;
@@ -10 +7 @@
 }
 
-.plp-iframe{
-    pointer-events: none;
+.plp-block{
+    overflow: hidden;
     resize: both;
 
     position: relative;
-    border: 1px solid black;
     height: 850px;
     width: 1310px;
@@ -28 +24 @@
     -o-transform-origin: left top;
     -webkit-transform-origin: left top;
+
+    min-height: 200px;
+    min-width: 400px;
+}
+
+.plp-iframe{
+    width: 100%;
+    height: 100%;
+    border: 1px solid black;
+    pointer-events: none;
 }
 
 @media screen and (max-width: 1300px) {
-    .plp-iframe {
+    .plp-block {
         height: 720px;
         max-height: 720px;

page-list-preview/trunk/readme.txt

@@ -11 +11 @@
 Requires at least: 4.0
 Tested up to: 5.8
-Stable tag: 2.0.0 
+Stable tag: 2.1.0 
 
 == Description ==
@@ -42 +42 @@
 = 2.0.0 =
 * Resizable windows
+= 2.1.0 =
+* Wp 6.0.3 compatibility, Resizable fixed
 
 == Upgrade Notice ==