Madeorsk/rudeshark.net
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Add animation

Browse Source
This commit is contained in:
syuilo 2019-03-01 14:24:12 +09:00
parent ae2d707c68
commit 0c28ac4907
No known key found for this signature in database
GPG Key ID: BDC4C49D06AB9D69
4 changed files with 9 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/client/app/animation.styl
View File

@ -39,3 +39,9 @@
75% { transform: translateY(-8px); } 75% { transform: translateY(-8px); }
100% { transform: translateY(0); } 100% { transform: translateY(0); }
} }
@keyframes blink {
0% { opacity: 1; }
30% { opacity: 1; }
90% { opacity: 0; }
}

1
src/client/app/desktop/views/components/ui.header.messaging.vue
View File

@ -64,5 +64,6 @@ export default Vue.extend({
vertical-align super vertical-align super
font-size 10px font-size 10px
color var(--notificationIndicator) color var(--notificationIndicator)
animation blink 1s infinite
</style> </style>

1
src/client/app/desktop/views/components/ui.header.notifications.vue
View File

@ -91,6 +91,7 @@ export default Vue.extend({
vertical-align super vertical-align super
font-size 10px font-size 10px
color var(--notificationIndicator) color var(--notificationIndicator)
animation blink 1s infinite
> .pop > .pop
$bgcolor = var(--face) $bgcolor = var(--face)

1
src/client/app/mobile/views/components/ui.vue
View File

@ -126,6 +126,7 @@ export default Vue.extend({
left 0 left 0
color var(--notificationIndicator) color var(--notificationIndicator)
font-size 16px font-size 16px
animation blink 1s infinite
&.post &.post
right 28px right 28px