Bug 532 is solved: doubleSelect are jQuery resizable (based on a rub idea).

git-svn-id: http://piwigo.org/svn/trunk@2600 68402e56-0260-453c-a942-63ccdbb3a9ee

3 files changed, 27 insertions, 2 deletions

diff --git a/admin/template/goto/default-layout.css b/admin/template/goto/default-layout.css
index 4fe82235c..2132f657b 100644
--- a/admin/template/goto/default-layout.css
+++ b/admin/template/goto/default-layout.css
@@ -86,7 +86,7 @@ TABLE.doubleSelect {
 }
 
 TABLE.doubleSelect TD {
-  padding: 0 5px;
+  padding: 0 3px;
   width: 50%; 
 }
 
diff --git a/admin/template/goto/double_select.tpl b/admin/template/goto/double_select.tpl
index ab01b9b9b..3b287120f 100644
--- a/admin/template/goto/double_select.tpl
+++ b/admin/template/goto/double_select.tpl
@@ -1,4 +1,7 @@
 {* $Id$ *}
+{known_script id="jquery.ui" src=$ROOT_URL|@cat:"template-common/lib/ui/ui.core.packed.js" }
+{known_script id="jquery.ui.sortable" src=$ROOT_URL|@cat:"template-common/lib/ui/ui.resizable.packed.js" }
+
 <table class="doubleSelect">
   <tr>
     <td>
@@ -17,4 +20,23 @@
       <p><input class="submit" type="submit" value="&laquo;" name="trueify" style="font-size:15px;" {$TAG_INPUT_ENABLED}/></p>
     </td>
   </tr>
-</table>
\ No newline at end of file
+</table>
+
+{literal}
+<script type="text/javascript">
+jQuery().ready(function(){
+  jQuery(".doubleSelect SELECT.categoryList").resizable({ 
+    handles: "w,e",
+    knobHandles: false,
+    animate: true, 
+    animateDuration: "slow",
+    animateEasing: "swing",
+    preventDefault: true,
+    preserveCursor: true,
+    autoHide: true,
+    ghost: true 
+
+  });
+});
+</script>
+{/literal}
\ No newline at end of file
diff --git a/admin/template/goto/theme/roma/theme.css b/admin/template/goto/theme/roma/theme.css
index b916c92ca..af7f9814c 100644
--- a/admin/template/goto/theme/roma/theme.css
+++ b/admin/template/goto/theme/roma/theme.css
@@ -152,6 +152,9 @@ color: #F70; border-bottom: 1px dotted #F70;}
   color: #ff3363;
   background-color: #111;
 }
+
+.ui-resizable-handle { border-color: #f36 !important; }
+
 /* hacks */
 html>body #menubar {min-height:477px; height:477px;} /* IE 7 and modern browsers */
 *+html  .bigtext { left: 65px; }