Improve resizer

js/tbl_zoom_plot_jqplot.js

@@ -504,10 +504,12 @@ $(document).ready(function() {
             currentChart.resetZoom();
         });
 
-        $('div#querychart').resizable({
-            resize: function(event, ui) {
-                currentChart.replot( {resetAxes: true})
-            }
+        $('div#resizer').resizable();
+        $('div#resizer').bind('resizestop', function(event, ui) {
+            // make room so that the handle will still appear
+            $('div#querychart').height($('div#resizer').height() * 0.96);
+            $('div#querychart').width($('div#resizer').width() * 0.96);
+            currentChart.replot( {resetAxes: true})
         });
 
         $('div#querychart').bind('jqplotDataClick',

tbl_zoom_select.php

@@ -416,14 +416,14 @@ if (isset($zoom_submit) && $inputs[0] != 'pma_null' && $inputs[1] != 'pma_null'
     //JSON encode the data(query result)
     if (isset($zoom_submit) && ! empty($data)) {
         ?>
-        <div id='resizer' style="width:600px;height:400px">
+        <div id="resizer">
           <center><a href="#" onclick="displayHelp();"><?php echo __('How to use'); ?></a></center>
           <div id="querydata" style="display:none">
         <?php
         echo json_encode($data);
         ?>
           </div>
-          <div id="querychart" style="float:right"></div>
+          <div id="querychart"></div>
           <button class="button-reset"><?php echo __('Reset zoom'); ?></button>
         </div>
         <?php

themes/original/css/theme_right.css.php

@@ -598,6 +598,18 @@ td.disabled {
     white-space:        nowrap;
 }
 
+/**
+ * zoom search
+ */
+div#resizer {
+    width:              600px;
+    height:             400px;
+}
+div#querychart {
+    float:              left;
+    width:              600px;
+}
+
 /**
  * login form
  */

themes/pmahomme/css/theme_right.css.php

@@ -779,6 +779,18 @@ td.disabled {
     white-space:        nowrap;
 }
 
+/**
+ * zoom search
+ */
+div#resizer {
+    width:              600px;
+    height:             400px;
+}
+div#querychart {
+    float:              left;
+    width:              600px;
+}
+
 /**
  * login form
  */
@@ -3485,7 +3497,7 @@ body .ui-widget {
     font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
     font-size: 1em;
 /*    height: 300px;
-    width: 400px;*/
+    width: 590px;*/
 }
 
 /*rules applied to all axes*/