diff options
| author | syuilo <syuilotan@yahoo.co.jp> | 2019-03-02 14:27:30 +0900 |
|---|---|---|
| committer | syuilo <syuilotan@yahoo.co.jp> | 2019-03-02 14:27:30 +0900 |
| commit | 15da2de256c81d811f2a925fea6b4817038b95d1 (patch) | |
| tree | 292acfb350210e0417ad6c04a59d8f704f0c4698 /src | |
| parent | Update dependencies :rocket: (diff) | |
| download | sharkey-15da2de256c81d811f2a925fea6b4817038b95d1.tar.gz sharkey-15da2de256c81d811f2a925fea6b4817038b95d1.tar.bz2 sharkey-15da2de256c81d811f2a925fea6b4817038b95d1.zip | |
Add animaition
Diffstat (limited to 'src')
| -rw-r--r-- | src/client/app/desktop/views/home/timeline.vue | 7 |
1 files changed, 4 insertions, 3 deletions
diff --git a/src/client/app/desktop/views/home/timeline.vue b/src/client/app/desktop/views/home/timeline.vue index 735941e848..0b8ced4795 100644 --- a/src/client/app/desktop/views/home/timeline.vue +++ b/src/client/app/desktop/views/home/timeline.vue @@ -11,8 +11,8 @@ <span :data-active="src == 'tag'" @click="src = 'tag'" v-if="tagTl"><fa icon="hashtag"/> {{ tagTl.title }}</span> <span :data-active="src == 'list'" @click="src = 'list'" v-if="list"><fa icon="list"/> {{ list.title }}</span> <div class="buttons"> - <button :data-active="src == 'mentions'" @click="src = 'mentions'" :title="$t('mentions')"><fa icon="at"/><i class="badge" v-if="$store.state.i.hasUnreadMentions"><fa icon="circle"/></i></button> - <button :data-active="src == 'messages'" @click="src = 'messages'" :title="$t('messages')"><fa :icon="['far', 'envelope']"/><i class="badge" v-if="$store.state.i.hasUnreadSpecifiedNotes"><fa icon="circle"/></i></button> + <button :data-active="src == 'mentions'" @click="src = 'mentions'" :title="$t('mentions')"><fa icon="at"/><i class="indicator" v-if="$store.state.i.hasUnreadMentions"><fa icon="circle"/></i></button> + <button :data-active="src == 'messages'" @click="src = 'messages'" :title="$t('messages')"><fa :icon="['far', 'envelope']"/><i class="indicator" v-if="$store.state.i.hasUnreadSpecifiedNotes"><fa icon="circle"/></i></button> <button @click="chooseTag" :title="$t('hashtag')" ref="tagButton"><fa icon="hashtag"/></button> <button @click="chooseList" :title="$t('list')" ref="listButton"><fa icon="list"/></button> </div> @@ -219,12 +219,13 @@ export default Vue.extend({ line-height 42px color var(--faceTextButton) - > .badge + > .indicator position absolute top -4px right 4px font-size 10px color var(--notificationIndicator) + animation blink 1s infinite &:hover color var(--faceTextButtonHover) |