Browse Source

Updated dist files

css_transitions
jos 10 years ago
parent
commit
5643300eae
4 changed files with 2129 additions and 2790 deletions
  1. +58
    -44
      dist/vis.css
  2. +2060
    -2735
      dist/vis.js
  3. +1
    -1
      dist/vis.min.css
  4. +10
    -10
      dist/vis.min.js

+ 58
- 44
dist/vis.css View File

@ -9,79 +9,86 @@
border: 1px solid #bfbfbf; border: 1px solid #bfbfbf;
-moz-box-sizing: border-box; -moz-box-sizing: border-box;
box-sizing: border-box; box-sizing: border-box;
/* FIXME: there is an issue with the height of the items when panel height is animated
-webkit-transition: height 4s ease-in-out;
transition: height 4s ease-in-out;
/**/
} }
.vis.timeline .vpanel { .vis.timeline .vpanel {
position: absolute; position: absolute;
overflow: hidden; overflow: hidden;
}
.vis.timeline .groupset {
position: absolute;
padding: 0;
margin: 0;
-moz-box-sizing: border-box;
box-sizing: border-box;
} }
.vis.timeline .labels {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
.vis.timeline .vpanel.side {
border-right: 1px solid #bfbfbf;
}
padding: 0;
margin: 0;
.vis.timeline .vpanel.side.hidden {
display: none;
}
border-right: 1px solid #bfbfbf;
-moz-box-sizing: border-box;
box-sizing: border-box;
.vis.timeline .groupset {
position: relative;
} }
.vis.timeline .labels .label-set {
position: absolute;
top: 0;
left: 0;
.vis.timeline .labelset {
position: relative;
width: 100%; width: 100%;
height: 100%;
overflow: hidden; overflow: hidden;
border-top: none;
border-bottom: 1px solid #bfbfbf;
-moz-box-sizing: border-box;
box-sizing: border-box;
} }
.vis.timeline .labels .label-set .vlabel {
position: absolute;
.vis.timeline .labelset .vlabel {
position: relative;
left: 0; left: 0;
top: 0; top: 0;
width: 100%; width: 100%;
color: #4d4d4d; color: #4d4d4d;
-moz-box-sizing: border-box;
box-sizing: border-box;
} }
.vis.timeline.top .labels .label-set .vlabel,
.vis.timeline.top .groupset .itemset-axis {
.vis.timeline.bottom .labelset .vlabel,
.vis.timeline.top .vpanel.side-content,
.vis.timeline.top .groupset .itemset {
border-top: 1px solid #bfbfbf; border-top: 1px solid #bfbfbf;
border-bottom: none; border-bottom: none;
} }
.vis.timeline.bottom .labels .label-set .vlabel,
.vis.timeline.bottom .groupset .itemset-axis {
.vis.timeline.top .labelset .vlabel,
.vis.timeline.bottom .vpanel.side-content,
.vis.timeline.bottom .groupset .itemset {
border-top: none; border-top: none;
border-bottom: 1px solid #bfbfbf; border-bottom: 1px solid #bfbfbf;
} }
.vis.timeline .labels .label-set .vlabel .inner {
.vis.timeline .labelset .vlabel .inner {
display: inline-block; display: inline-block;
padding: 5px; padding: 5px;
} }
.vis.timeline .itemset { .vis.timeline .itemset {
position: absolute;
position: relative;
padding: 0; padding: 0;
margin: 0; margin: 0;
overflow: hidden;
-moz-box-sizing: border-box;
box-sizing: border-box;
/* FIXME: get transition working for rootpanel and itemset
-webkit-transition: height 4s ease-in-out;
transition: height 4s ease-in-out;
/**/
} }
.vis.timeline .background { .vis.timeline .background {
@ -90,8 +97,8 @@
.vis.timeline .foreground { .vis.timeline .foreground {
} }
.vis.timeline .itemset-axis {
position: absolute;
.vis.timeline .axis {
overflow: visible;
} }
@ -103,8 +110,10 @@
display: inline-block; display: inline-block;
padding: 5px; padding: 5px;
-webkit-transition: top .4s ease-in-out, bottom .4s ease-in-out, height .4s ease-in-out;
transition: top .4s ease-in-out, bottom .4s ease-in-out, height .4s ease-in-out;
/* TODO: enable css transitions
-webkit-transition: top .4s ease-in-out, bottom .4s ease-in-out;
transition: top .4s ease-in-out, bottom .4s ease-in-out;
/**/
} }
.vis.timeline .item.selected { .vis.timeline .item.selected {
@ -183,6 +192,11 @@
width: 0; width: 0;
border-left-width: 1px; border-left-width: 1px;
border-left-style: solid; border-left-style: solid;
/* TODO: enable css transitions
-webkit-transition: height .4s ease-in-out, top .4s ease-in-out;
transition: height .4s ease-in-out, top .4s ease-in-out;
/**/
} }
.vis.timeline .item .content { .vis.timeline .item .content {
@ -224,18 +238,18 @@
z-index: 10001; /* a little higher z-index than .drag-left */ z-index: 10001; /* a little higher z-index than .drag-left */
} }
.vis.timeline .axis {
.vis.timeline .timeaxis {
position: absolute; position: absolute;
} }
.vis.timeline .axis .text {
.vis.timeline .timeaxis .text {
position: absolute; position: absolute;
color: #4d4d4d; color: #4d4d4d;
padding: 3px; padding: 3px;
white-space: nowrap; white-space: nowrap;
} }
.vis.timeline .axis .text.measure {
.vis.timeline .timeaxis .text.measure {
position: absolute; position: absolute;
padding-left: 0; padding-left: 0;
padding-right: 0; padding-right: 0;
@ -244,13 +258,13 @@
visibility: hidden; visibility: hidden;
} }
.vis.timeline .axis .grid.vertical {
.vis.timeline .timeaxis .grid.vertical {
position: absolute; position: absolute;
width: 0; width: 0;
border-right: 1px solid; border-right: 1px solid;
} }
.vis.timeline .axis .grid.horizontal {
.vis.timeline .timeaxis .grid.horizontal {
position: absolute; position: absolute;
left: 0; left: 0;
width: 100%; width: 100%;
@ -258,11 +272,11 @@
border-bottom: 1px solid; border-bottom: 1px solid;
} }
.vis.timeline .axis .grid.minor {
.vis.timeline .timeaxis .grid.minor {
border-color: #e5e5e5; border-color: #e5e5e5;
} }
.vis.timeline .axis .grid.major {
.vis.timeline .timeaxis .grid.major {
border-color: #bfbfbf; border-color: #bfbfbf;
} }

+ 2060
- 2735
dist/vis.js
File diff suppressed because it is too large
View File


+ 1
- 1
dist/vis.min.css
File diff suppressed because it is too large
View File


+ 10
- 10
dist/vis.min.js
File diff suppressed because it is too large
View File


Loading…
Cancel
Save