From 383114add377f6bfb54b84a99974462920db41c3 Mon Sep 17 00:00:00 2001 From: blackle Date: Sun, 15 Jan 2017 10:55:31 -0500 Subject: Change boost sprite to look like fa-retweet --- app/assets/images/boost_sprite.png | Bin 1756 -> 1326 bytes app/assets/stylesheets/components.scss | 35 ++++++++++++++++----------------- 2 files changed, 17 insertions(+), 18 deletions(-) diff --git a/app/assets/images/boost_sprite.png b/app/assets/images/boost_sprite.png index 02a07ee3a..564bf2646 100644 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 2d99fcfe8..fedf73b1d 100644 --- 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; +} -- cgit