deblan/gridstack.js
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

Add option for animating gridstack with css transitions

Browse source
This commit is contained in:
ianshields 2014-12-04 16:21:22 -05:00
commit 461123ea53
2 changed files with 35 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

17
src/gridstack.css
View file

@ -101,3 +101,20 @@
height: auto !important;
}
}
.grid-stack.grid-stack-animate .grid-stack-item {
-webkit-transition: left .3s, top .3s, height .3s, width .3s;
-moz-transition: left .3s, top .3s, height .3s, width .3s;
-o-transition: left .3s, top .3s, height .3s, width .3s;
-ms-transition: left .3s, top .3s, height .3s, width .3s;
transition: left .3s, top .3s, height .3s, width .3s;
}
/*Don't animate the placeholder or when dragging/resizing*/
.grid-stack.grid-stack-animate .grid-stack-item.ui-draggable-dragging,
.grid-stack.grid-stack-animate .grid-stack-item.ui-resizable-resizing,
.grid-stack.grid-stack-animate .grid-stack-item.grid-stack-placeholder{
-webkit-transition: left .0s, top .0s, height .0s, width .0s;
-moz-transition: left .0s, top .0s, height .0s, width .0s;
-o-transition: left .0s, top .0s, height .0s, width .0s;
transition: left .0s, top .0s, height .0s, width .0s;
}