Renamed class `.vis-item-frame` to `.vis-item-overflow`

examples/timeline/18_range_overflow.html

@@ -11,7 +11,7 @@
       font-family: sans-serif;
     }
 
-    .vis-item .vis-item-frame {
+    .vis-item .vis-item-overflow {
       overflow: visible;
     }
   </style>
@@ -22,7 +22,7 @@
   In case of ranges being spread over a wide range of time, it can be interesting to have the text contents of the ranges overflow the box. This can be achieved by changing the overflow property of the contents to visible with css:
 </p>
 <pre>
-.vis-item .vis-item-frame {
+.vis-item .vis-item-overflow {
   overflow: visible;
 }
 </pre>

lib/timeline/component/css/item.css

@@ -57,7 +57,7 @@
   margin: 0;
 }
 
-.vis-item .vis-item-frame {
+.vis-item .vis-item-overflow {
   position: relative;
   width: 100%;
   height: 100%;

lib/timeline/component/item/BackgroundItem.js

@@ -66,7 +66,7 @@ BackgroundItem.prototype.redraw = function() {
 
     // frame box (to prevent the item contents from overflowing
     dom.frame = document.createElement('div');
-    dom.frame.className = 'vis-item-frame';
+    dom.frame.className = 'vis-item-overflow';
     dom.box.appendChild(dom.frame);
 
     // contents box

lib/timeline/component/item/RangeItem.js

@@ -62,7 +62,7 @@ RangeItem.prototype.redraw = function() {
 
     // frame box (to prevent the item contents from overflowing
     dom.frame = document.createElement('div');
-    dom.frame.className = 'vis-item-frame';
+    dom.frame.className = 'vis-item-overflow';
     dom.box.appendChild(dom.frame);
 
     // contents box

test/timeline.html

@@ -23,7 +23,7 @@
     .vis-timeline .vis-item.vis-range .vis-drag-left,
     .vis-timeline .vis-item.vis-range .vis-drag-right {
       /*width: 40px;*/
-      background: rgba(255,255,255,0.5);
+      background: rgba(255,0,0,0.5);
     }
 
     #visualization .vis-grid.vis-vertical.odd {