From 4ffeb06ca0cfc8afac3879d9b6938537cd8eb2ba Mon Sep 17 00:00:00 2001
From: Marc Delisle <marc@infomarc.info>
Date: Sun, 20 May 2012 07:43:11 -0400
Subject: [PATCH] Improve resizer

---
 js/tbl_zoom_plot_jqplot.js              | 10 ++++++----
 tbl_zoom_select.php                     |  4 ++--
 themes/original/css/theme_right.css.php | 12 ++++++++++++
 themes/pmahomme/css/theme_right.css.php | 14 +++++++++++++-
 4 files changed, 33 insertions(+), 7 deletions(-)

diff --git a/js/tbl_zoom_plot_jqplot.js b/js/tbl_zoom_plot_jqplot.js
index fc1645773b..1a26a979c6 100644
--- a/js/tbl_zoom_plot_jqplot.js
+++ b/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',
diff --git a/tbl_zoom_select.php b/tbl_zoom_select.php
index b57f631edf..d6960190bc 100644
--- a/tbl_zoom_select.php
+++ b/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
diff --git a/themes/original/css/theme_right.css.php b/themes/original/css/theme_right.css.php
index 4688de2d8d..62f65c6a07 100644
--- a/themes/original/css/theme_right.css.php
+++ b/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
  */
diff --git a/themes/pmahomme/css/theme_right.css.php b/themes/pmahomme/css/theme_right.css.php
index 3690ac53b6..128c4ebbce 100644
--- a/themes/pmahomme/css/theme_right.css.php
+++ b/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*/