Fixed #609: reduce the left/right dragarea when an item range is very small, so you can still move it as a whole

HISTORY.md

@@ -21,6 +21,8 @@ http://visjs.org
 - Fixed not property initializing with a DataView for groups.
 - Merged add custom timebar functionality, thanks @aytech!
 - Fixed #664: end of item not restored when canceling a move event.
+- Fixed #609: reduce the left/right dragarea when an item range is very small,
+  so you can still move it as a whole.
 
 
 ### DataSet/DataView

dist/vis.css

@@ -266,6 +266,7 @@
 .vis.timeline .item.range .drag-left {
   position: absolute;
   width: 24px;
+  max-width: 20%;
   height: 100%;
   top: 0;
   left: -4px;
@@ -276,6 +277,7 @@
 .vis.timeline .item.range .drag-right {
   position: absolute;
   width: 24px;
+  max-width: 20%;
   height: 100%;
   top: 0;
   right: -4px;

lib/timeline/component/css/item.css

@@ -99,6 +99,7 @@
 .vis.timeline .item.range .drag-left {
   position: absolute;
   width: 24px;
+  max-width: 20%;
   height: 100%;
   top: 0;
   left: -4px;
@@ -109,6 +110,7 @@
 .vis.timeline .item.range .drag-right {
   position: absolute;
   width: 24px;
+  max-width: 20%;
   height: 100%;
   top: 0;
   right: -4px;