animate flow chooser from left
diff --git a/web/ons-demo/js/flows.js b/web/ons-demo/js/flows.js
index 72bfd2f..120f9f5 100644
--- a/web/ons-demo/js/flows.js
+++ b/web/ons-demo/js/flows.js
@@ -401,7 +401,12 @@
}
- var flows = d3.select('#flowChooser')
+ var flowChooser = d3.select(document.getElementById('flowChooser'));
+ flowChooser.html('');
+ flowChooser.style('-webkit-transform', 'translate3d(-100%, 0, 0)')
+ .style('-webkit-transition');
+
+ var flows = flowChooser
.append('div')
.style('pointer-events', 'auto')
.selectAll('.selectedFlow')
@@ -411,9 +416,16 @@
.classed('selectedFlow', true)
.each(rowEnter);
+
setTimeout(function () {
+ flowChooser.style('-webkit-transition', '-webkit-transform .25s');
+ setTimeout(function () {
+ flowChooser.style('-webkit-transform', 'translate3d(0,0,0)');
+ }, 0);
+
+
d3.select(document.body).on('click', function () {
- d3.select('#flowChooser').html('');
+ flowChooser.style('-webkit-transform', 'translate3d(-100%, 0, 0)')
d3.select(document.body).on('click', null);
});
}, 0);