Browse Source

Turned off animation for rootPanel and itemSet (css issues)

css_transitions
josdejong 10 years ago
parent
commit
e35076e280
4 changed files with 9 additions and 11 deletions
  1. +0
    -8
      src/timeline/component/css/groupset.css
  2. +5
    -2
      src/timeline/component/css/item.css
  3. +2
    -0
      src/timeline/component/css/itemset.css
  4. +2
    -1
      src/timeline/component/css/panel.css

+ 0
- 8
src/timeline/component/css/groupset.css View File

@ -16,8 +16,6 @@
margin: 0; margin: 0;
border-right: 1px solid #bfbfbf; border-right: 1px solid #bfbfbf;
-moz-box-sizing: border-box;
box-sizing: border-box;
} }
.vis.timeline .labels .label-set { .vis.timeline .labels .label-set {
@ -33,9 +31,6 @@
-moz-box-sizing: border-box; -moz-box-sizing: border-box;
box-sizing: border-box; box-sizing: border-box;
-webkit-transition: height .4s ease-in-out;
transition: height .4s ease-in-out;
} }
.vis.timeline .labels .label-set .vlabel { .vis.timeline .labels .label-set .vlabel {
@ -47,9 +42,6 @@
-moz-box-sizing: border-box; -moz-box-sizing: border-box;
box-sizing: border-box; box-sizing: border-box;
-webkit-transition: top .4s ease-in-out, height .4s ease-in-out;
transition: top .4s ease-in-out, height .4s ease-in-out;
} }
.vis.timeline.top .labels .label-set .vlabel, .vis.timeline.top .labels .label-set .vlabel,

+ 5
- 2
src/timeline/component/css/item.css View File

@ -7,8 +7,8 @@
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;
-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 {
@ -87,6 +87,9 @@
width: 0; width: 0;
border-left-width: 1px; border-left-width: 1px;
border-left-style: solid; border-left-style: solid;
-webkit-transition: height .4s ease-in-out;
transition: height .4s ease-in-out;
} }
.vis.timeline .item .content { .vis.timeline .item .content {

+ 2
- 0
src/timeline/component/css/itemset.css View File

@ -4,8 +4,10 @@
padding: 0; padding: 0;
margin: 0; margin: 0;
/* FIXME: get transoition working for rootpanel and itemset
-webkit-transition: height .4s ease-in-out; -webkit-transition: height .4s ease-in-out;
transition: height .4s ease-in-out; transition: height .4s ease-in-out;
*/
} }
.vis.timeline .background { .vis.timeline .background {

+ 2
- 1
src/timeline/component/css/panel.css View File

@ -7,9 +7,10 @@
-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 */
/* FIXME: there is an issue with the height of the items when panel height is animated
-webkit-transition: height .4s ease-in-out; -webkit-transition: height .4s ease-in-out;
transition: height .4s ease-in-out; transition: height .4s ease-in-out;
*/
} }
.vis.timeline .vpanel { .vis.timeline .vpanel {

Loading…
Cancel
Save