Changeset 2600

Timestamp:

Sep 26, 2008, 10:33:23 PM (16 years ago)

Author:

vdigital

Message:

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

Location:

trunk/admin/template/goto

Files:

• default-layout.css (modified) (1 diff)
• double_select.tpl (modified) (2 diffs)
• theme/roma/theme.css (modified) (1 diff)

trunk/admin/template/goto/default-layout.css

@@ -87 +87 @@
 
 TABLE.doubleSelect TD {
-  padding: 0 5px;
+  padding: 0 3px;
   width: 50%; 
 }

trunk/admin/template/goto/double_select.tpl

@@ -1 +1 @@
 {* $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>
@@ -19 +22 @@
   </tr>
 </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}

trunk/admin/template/goto/theme/roma/theme.css

@@ -153 +153 @@
   background-color: #111;
 }
+
+.ui-resizable-handle { border-color: #f36 !important; }
+
 /* hacks */
 html>body #menubar {min-height:477px; height:477px;} /* IE 7 and modern browsers */