Fix e2e testcase Codeinwp/visualizer-pro#314

Author: girishpanchal30

classes/Visualizer/Render/Library.php

@@ -356,7 +356,7 @@ private function _renderChartBox( $placeholder_id, $chart_id ) {
 	private function _renderTwoColSidebar() {
 		if ( ! Visualizer_Module::is_pro() ) {
 			echo '<div class="items two-col">';
-			echo '<div class="visualizer-chart viz-pro">';
+			echo '<div class="viz-pro">';
 			echo '<div id="visualizer-sidebar" class="viz-pro two-columns">';
 			echo '<div class="visualizer-sidebar-box">';
 			echo '<h3>' . __( 'Discover the power of PRO!', 'visualizer' ) . '</h3><ul>';

css/library.css

@@ -253,7 +253,7 @@
 .visualizer-chart.viz-pro {
     padding: 0;
 }
-.visualizer-chart.viz-pro .two-columns{
+.two-col .viz-pro .two-columns{
     padding: 0;
     border: 1px solid #DDDDDD;
     border: 5px solid #007CBA;

js/library.js

@@ -43,18 +43,14 @@
 
             width *= 0.305;
             $(this).prev( '.visualizer-chart-title' ).width(width - 14);
-            var sideBarHeight = width * 0.82;
             var ChartHeight = width * 0.93;
             if ( $( '.visualizer-nochart-canvas' ).length === 0 ) {
-                sideBarHeight = width * 0.82;
-                ChartHeight   = width * 0.75;
+                ChartHeight   = width * 0.78;
                 if ( $( '#visualizer-sidebar' ).hasClass('one-columns') ) {
-                    sideBarHeight = width * 0.98;
-                    ChartHeight   = width * 0.89;
+                    ChartHeight   = width * 0.92;
                 }
             }
             $(this).width(width).height( ChartHeight );
-            $('#visualizer-sidebar').find('.visualizer-sidebar-box').height( sideBarHeight );
         });
     };