diff options
| -rw-r--r-- | public/assets/js/lib/ProjectView.js | 4 | ||||
| -rw-r--r-- | public/assets/ok.css | 18 |
2 files changed, 9 insertions, 13 deletions
diff --git a/public/assets/js/lib/ProjectView.js b/public/assets/js/lib/ProjectView.js index 1528f10..52ff128 100644 --- a/public/assets/js/lib/ProjectView.js +++ b/public/assets/js/lib/ProjectView.js @@ -12,8 +12,8 @@ var ProjectView = View.extend({ this.project_id = this.$el.data("id") this.page_number = opt.page_number console.log("INIT", this.project_id) - $("<div>").addClass("page-up").insertBefore( this.$(".flickity-viewport") ) - $("<div>").addClass("page-down").insertAfter( this.$(".flickity-viewport") ) + $("<item>").addClass("page-up").insertBefore( this.$(".flickity-viewport") ) + $("<item>").addClass("page-down").insertAfter( this.$(".flickity-viewport") ) }, show: function(){ diff --git a/public/assets/ok.css b/public/assets/ok.css index 391a16a..95f5f95 100644 --- a/public/assets/ok.css +++ b/public/assets/ok.css @@ -48,7 +48,6 @@ body { position: absolute; top: 0; left: 0; - background:white; } h1 { @@ -369,21 +368,18 @@ nav b { .bottom { float: none; } -.bottom *, .top { - transform:translateY(0px); - transition:150ms transform, 150ms opacity; - transition-timing-function: cubic-bezier(0, 0, 0, 1); - opacity:1; -} -.up .showing .bottom > *, .down .showing .top { - transform:translateY(40px); + +.up .showing.item { + transform:translateY(-10px); opacity:0; + background:white; } -.down .showing .bottom > *, .up .showing .top { - transform:translateY(-40px); +.down .showing.item { + transform:translateY(10px); opacity:0; + background:white; } /* Flickity */ |