zelo72
/
mastodon
mirror of https://github.com/mastodon/mastodon
2
2
Fork 1
Code Issues 9 Releases Wiki Activity

Merge pull request #464 from blackle/backflip 

Make boost button spin around
This commit is contained in:
Eugen 2017-01-15 13:19:15 +01:00 committed by GitHub
parent 777f527d86 a67ffcbf56
commit 1f7c0ad8d3
2 changed files with 18 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
app/assets/images/boost_sprite.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.7 KiB

18
app/assets/stylesheets/components.scss
View File

@ -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;
}