chore: temporarily disable in-progress UI updates relating to the viewport resizer

Author: sghoweri

packages/uikit-workshop/src/scripts/components/panels-viewer.js

@@ -316,23 +316,27 @@ $('.pl-js-modal-resizer').mousedown(function(event) {
 
   $('.pl-js-modal-cover').mousemove(function(event) {
     /* 3 */
-    var panelHeight = window.innerHeight - event.clientY + 32; /* 4 */
-    $('.pl-js-modal').css('transition', 'none');
-    $('.pl-js-vp-iframe-container').css('transition', 'none');
+    const panelHeight = window.innerHeight - event.clientY + 32; /* 4 */
     $('.pl-js-modal').css('height', panelHeight + 'px'); /* 4 */
-    $('html').css(
-      '--pl-viewport-height',
-      window.innerHeight - panelHeight - 32 + 'px'
-    ); /* 4 */
+
+    // WIP: updating PL viewport to be resized via CSS Vars
+    // $('.pl-js-modal').css('transition', 'none');
+    // $('.pl-js-vp-iframe-container').css('transition', 'none');
+    // $('html').css(
+    //   '--pl-viewport-height',
+    //   window.innerHeight - panelHeight - 32 + 'px'
+    // ); /* 4 */
   });
 });
 
 $('body').mouseup(function() {
   /* 5 */
   $('.pl-js-modal').unbind('mousemove'); /* 5 */
   $('.pl-js-modal-cover').css('display', 'none'); /* 5 */
-  $('.pl-js-modal').css('transition', '');
-  $('.pl-js-vp-iframe-container').css('transition', '');
+
+  // WIP: updating viewport resizer to use CSS custom props.
+  // $('.pl-js-modal').css('transition', '');
+  // $('.pl-js-vp-iframe-container').css('transition', '');
 });
 
 // Copy to clipboard functionality