diff --git a/less/keyframes.less b/less/keyframes.less index ca21eb9..0a5c67f 100644 --- a/less/keyframes.less +++ b/less/keyframes.less @@ -56,4 +56,14 @@ background: #e7e7e7; color: #333; } +} + +@-webkit-keyframes topic-reply-pulse { + 0%, 100% { opacity: 1; } + 50% { opacity: 0.3; } +} + +@keyframes topic-reply-pulse { + 0%, 100% { opacity: 1; } + 50% { opacity: 0.3; } } \ No newline at end of file diff --git a/less/topic.less b/less/topic.less index 5623569..217d78e 100644 --- a/less/topic.less +++ b/less/topic.less @@ -258,16 +258,27 @@ } &::after { - .opacity(0); + z-index: 0; + opacity: 0; + font-family: "FontAwesome"; content: "\f11c"; padding: 4px 0.25em; position: relative; - top: 1px; + top: 0px; + left: -7px; + + -webkit-transition: opacity 250ms ease, top 250ms ease; + -moz-transition: opacity 250ms ease, top 250ms ease; + -ms-transition: opacity 250ms ease, top 250ms ease; + -o-transition: opacity 250ms ease, top 250ms ease; + transition: opacity 250ms ease, top 250ms ease; } &.replying::after { - .opacity(100); + opacity: 1; + top: -16px; + .animation(topic-reply-pulse 2s ease-in infinite); } }