From 61108f393edc084968ec2e67045e490f3368eaec Mon Sep 17 00:00:00 2001
From: jos <wjosdejong@gmail.com>
Date: Thu, 30 Apr 2015 10:49:52 +0200
Subject: [PATCH] Renamed class `.vis-item-frame` to `.vis-item-overflow`

---
 examples/timeline/18_range_overflow.html      | 4 ++--
 lib/timeline/component/css/item.css           | 2 +-
 lib/timeline/component/item/BackgroundItem.js | 2 +-
 lib/timeline/component/item/RangeItem.js      | 2 +-
 test/timeline.html                            | 2 +-
 5 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/examples/timeline/18_range_overflow.html b/examples/timeline/18_range_overflow.html
index b1636ad7..cac86a8a 100644
--- a/examples/timeline/18_range_overflow.html
+++ b/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>
diff --git a/lib/timeline/component/css/item.css b/lib/timeline/component/css/item.css
index 225daf83..756c55b0 100644
--- a/lib/timeline/component/css/item.css
+++ b/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%;
diff --git a/lib/timeline/component/item/BackgroundItem.js b/lib/timeline/component/item/BackgroundItem.js
index 62493dc6..dba94be0 100644
--- a/lib/timeline/component/item/BackgroundItem.js
+++ b/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
diff --git a/lib/timeline/component/item/RangeItem.js b/lib/timeline/component/item/RangeItem.js
index fcc65e8b..10e36a78 100644
--- a/lib/timeline/component/item/RangeItem.js
+++ b/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
diff --git a/test/timeline.html b/test/timeline.html
index e6fb7e13..add85cdd 100644
--- a/test/timeline.html
+++ b/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 {