From 3f23db60024b91dbb279b5ad43d47bc2ad696b4a Mon Sep 17 00:00:00 2001 From: Ben Gotow Date: Wed, 24 Feb 2016 16:44:16 -0800 Subject: [PATCH] :lipstick:(snooze): Fix swipe-to-snooze animation --- .../thread-list/stylesheets/thread-list.less | 8 +++++--- 1 file changed, 5 insertions(+), 3 deletions(-) diff --git a/internal_packages/thread-list/stylesheets/thread-list.less b/internal_packages/thread-list/stylesheets/thread-list.less index 3373883b5..22a137eb2 100644 --- a/internal_packages/thread-list/stylesheets/thread-list.less +++ b/internal_packages/thread-list/stylesheets/thread-list.less @@ -105,17 +105,19 @@ } } &.swipe-snooze { + transition: background-color linear 150ms; background-color: mix(#8d6be3, @background-primary, 75%); &::after { + transition: right linear 150ms, transform linear 150ms; content: "Snooze"; - left: 0; + right: 0; background-image: url(../static/images/swipe/icon-swipe-snooze@2x.png); } &.confirmed { background-color: #8d6be3; &::after { - left: 100%; - transform: translateX(-100%); + right: 100%; + transform: translateX(100%); opacity: 1; } }