diff options
| author | lambadalambda <gitgud@rogerbraun.net> | 2017-03-09 03:08:59 -0500 |
|---|---|---|
| committer | lambadalambda <gitgud@rogerbraun.net> | 2017-03-09 03:08:59 -0500 |
| commit | 7a5bed0684e0acae1ac69920f467ca8fdac7cff4 (patch) | |
| tree | 206a03a9fb28df507d774bd572dd1c3ab487e492 /src/components/favorite_button/favorite_button.vue | |
| parent | e808df0285c8d8d6184f2933f8f6d07395039c10 (diff) | |
| parent | d94cd15467d53b8f5b87381de34fd9e3d3536b45 (diff) | |
Merge branch 'feature/animated-favorite-and-boost' into 'develop'
add a spin animation to favorite and boost actions
See merge request !52
Diffstat (limited to 'src/components/favorite_button/favorite_button.vue')
| -rw-r--r-- | src/components/favorite_button/favorite_button.vue | 4 |
1 files changed, 3 insertions, 1 deletions
diff --git a/src/components/favorite_button/favorite_button.vue b/src/components/favorite_button/favorite_button.vue index fd53b505..0abece31 100644 --- a/src/components/favorite_button/favorite_button.vue +++ b/src/components/favorite_button/favorite_button.vue @@ -1,6 +1,6 @@ <template> <div> - <i :class='classes' class='favorite-button fa' v-on:click.prevent='favorite()'></i> + <i :class='classes' class='favorite-button fa' @click.prevent='favorite()'/> <span v-if='status.fave_num > 0'>{{status.fave_num}}</span> </div> </template> @@ -10,6 +10,7 @@ <style lang='scss'> .favorite-button { cursor: pointer; + animation-duration: 0.6s; &:hover { color: orange; } @@ -17,4 +18,5 @@ .icon-star { color: orange; } + </style> |