Change boost sprite to look like fa-retweet

diff --git a/app/assets/images/boost_sprite.png b/app/assets/images/boost_sprite.png
index 02a07ee3ada022139df911efb18d6df3a91c900a..564bf26463b0e458019647bc80892363a2a7ed27 100644 (file)
Binary files a/app/assets/images/boost_sprite.png and b/app/assets/images/boost_sprite.png differ

diff --git a/app/assets/stylesheets/components.scss b/app/assets/stylesheets/components.scss
index 2d99fcfe83742fc658682cc1c0083f619f8bcffb..fedf73b1d5ec344e0f7ef94ad218460d7da93341 100644 (file)
--- a/app/assets/stylesheets/components.scss
+++ b/app/assets/stylesheets/components.scss
@@ -663,21 +663,20 @@
   }
 }
 
-// Commented out until sprite matches non-sprite icon visually
-// 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;
-// }
+button i.fa-retweet {
+  height: 19px;
+  width: 22px;
+  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;
+}