From a67ffcbf56f48a28a30af8573666a7354fe6d66c Mon Sep 17 00:00:00 2001
From: blackle <isabelle@blackle-mori.com>
Date: Fri, 13 Jan 2017 23:32:27 -0500
Subject: Make boost button arrows spin around
---
app/assets/images/boost_sprite.png | Bin 0 -> 1756 bytes
app/assets/stylesheets/components.scss | 18 ++++++++++++++++++
2 files changed, 18 insertions(+)
create mode 100644 app/assets/images/boost_sprite.png
(limited to 'app')
diff --git a/app/assets/images/boost_sprite.png b/app/assets/images/boost_sprite.png
new file mode 100644
index 000000000..02a07ee3a
Binary files /dev/null and b/app/assets/images/boost_sprite.png differ
diff --git a/app/assets/stylesheets/components.scss b/app/assets/stylesheets/components.scss
index f1edfce9d..4cc5e409c 100644
--- a/app/assets/stylesheets/components.scss
+++ b/app/assets/stylesheets/components.scss
@@ -662,3 +662,21 @@
border-bottom-color: #2b90d9;
}
}
+
+button i.fa-retweet {
+ height: 19px;
+ width: 24px;
+ background: image-url('boost_sprite.png') no-repeat;
+ background-position: 0 0;
+ transition: background-position 0.9s steps(11);
+ transition-duration: 0s;
+
+ &::before {
+ display: none !important;
+ }
+}
+
+button.active i.fa-retweet {
+ transition-duration: 0.9s;
+ background-position: 0 -209px;
+}
--
cgit