From 7c32b033646d33d2167616aaf5a72dfd42438ba9 Mon Sep 17 00:00:00 2001 From: Robin Ward Date: Wed, 28 Dec 2016 11:39:08 -0500 Subject: [PATCH] UX: Try "bouncing" the back button in on progress widget --- app/assets/stylesheets/common/base/topic.scss | 11 ++++++++++- 1 file changed, 10 insertions(+), 1 deletion(-) diff --git a/app/assets/stylesheets/common/base/topic.scss b/app/assets/stylesheets/common/base/topic.scss index 6becb221320..55466ce8a28 100644 --- a/app/assets/stylesheets/common/base/topic.scss +++ b/app/assets/stylesheets/common/base/topic.scss @@ -1,10 +1,19 @@ +@keyframes button-jump-up { + 0% { bottom: 0;} + 50% { bottom: 45px;} + 65% { bottom: 40px;} + 77% { bottom: 43px;} + 100% { bottom: 40px;} +} + .progress-back-container { position: fixed; right: 0; bottom: 40px; z-index: 950; margin-right: 45px; - + animation-duration: 0.5s; + animation-name: button-jump-up; .btn { margin: 0; }