Skip to content

Commit

Permalink
refactor: fix formatting for 'typing...' animation
Browse files Browse the repository at this point in the history
Seems like `@keyframes` get put on the very end when compiling, so this
workaround prevents that from happening, and now that both animations
for compact mode and emojis are in one area.
  • Loading branch information
vednoc committed Oct 26, 2020
1 parent ee200fb commit cd87e94
Showing 1 changed file with 6 additions and 4 deletions.
10 changes: 6 additions & 4 deletions wa.user.styl
Original file line number Diff line number Diff line change
Expand Up @@ -938,9 +938,11 @@ OM = _omsg
}

// Animation for 'Typing...' indicator.
@keyframes pulse {
40% { opacity: 0 }
80% { opacity: 1 }
if (compact_mode) {
@keyframes aBorder {
40% { opacity: 0 }
80% { opacity: 1 }
}
}

// Feat -> Animate emojis.
Expand Down Expand Up @@ -1882,7 +1884,7 @@ OM = _omsg
width: 53px i
rad: var(--r-avatars) i
box-shadow: inset 0 0 0 3px b40 i
animation: 2s pulse infinite i
animation: 2s aBorder infinite i

/// Fix RTL layout.
/[dir = 'RTL'] & { left: 62px i }
Expand Down

0 comments on commit cd87e94

Please sign in to comment.