Preloading of column pointer arrow

js/makegrid.js

@@ -40,8 +40,7 @@
                         width: $(obj).width()
                     });
                     $(this.cPointer).css({
-                        top: objPos.top - 10,
-                        left: objPos.left
+                        top: objPos.top,
                     });
                 } else {    // vertical alignment
                     $(this.cCpy).css({
@@ -52,7 +51,6 @@
                     });
                     $(this.cPointer).css({
                         top: objPos.top,
-                        left: objPos.left
                     });
                 }
                 
@@ -105,19 +103,23 @@
                                               colPos.left :
                                               colPos.left + $(hoveredCol).outerWidth();
                                 $(this.cPointer)
-                                    .css('left', newleft)
-                                    .show();
+                                    .css({
+                                        left: newleft,
+                                        visibility: 'visible'
+                                    });
                             } else {    // vertical alignment
                                 var newtop = newn < this.colMov.n ?
                                               colPos.top :
                                               colPos.top + $(hoveredCol).outerHeight();
                                 $(this.cPointer)
-                                    .css('top', newtop)
-                                    .show();
+                                    .css({
+                                        top: newtop,
+                                        visibility: 'visible'
+                                    });
                             }
                         } else {
                             // no movement to other column, hide the column pointer
-                            $(this.cPointer).hide();
+                            $(this.cPointer).css('visibility', 'hidden');
                         }
                     }
                 }
@@ -168,7 +170,7 @@
                             left: g.colMov.objLeft
                         }, 'fast')
                         .fadeOut();
-                    $(this.cPointer).stop(true, true).hide();
+                    $(this.cPointer).css('visibility', 'hidden');
 
                     this.colMov = false;
                 }
@@ -381,7 +383,7 @@
         
         // adjust g.cPoint
         g.cPointer.className = g.alignment != 'vertical' ? 'cPointer' : 'cPointerVer';
-        $(g.cPointer).hide();
+        $(g.cPointer).css('visibility', 'hidden');
         
         // adjust g.dHint
         g.dHint.className = 'dHint';

themes/original/css/theme_right.css.php

@@ -1897,6 +1897,7 @@ span.mysql-number {
     background: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>col_pointer.png);
     height: 20px;
     margin-left: -5px;  /* must be minus half of its width */
+    margin-top: -10px;
     position: absolute;
     width: 10px;
 }

themes/pmahomme/css/theme_right.css.php

@@ -2249,6 +2249,7 @@ span.mysql-number {
     background: url(./themes/pmahomme/img/col_pointer.png);
     height: 20px;
     margin-left: -5px;  /* must be minus half of its width */
+    margin-top: -10px;
     position: absolute;
     width: 10px;
 }
@@ -2277,4 +2278,4 @@ span.mysql-number {
     -moz-border-radius: 5px;
     -webkit-border-radius: 5px;
     border-radius: 5px;
-}
+}