diff options
| author | こぴなたみぽ <syuilotan@yahoo.co.jp> | 2018-02-14 14:04:18 +0900 |
|---|---|---|
| committer | こぴなたみぽ <syuilotan@yahoo.co.jp> | 2018-02-14 14:04:18 +0900 |
| commit | 5a0b56f70228a43668b04654c8da41d70299482d (patch) | |
| tree | d223f699cc59ad74443c239feeadb4623e0870ba /src/web | |
| parent | wip (diff) | |
| download | misskey-5a0b56f70228a43668b04654c8da41d70299482d.tar.gz misskey-5a0b56f70228a43668b04654c8da41d70299482d.tar.bz2 misskey-5a0b56f70228a43668b04654c8da41d70299482d.zip | |
wip
Diffstat (limited to 'src/web')
| -rw-r--r-- | src/web/app/common/-tags/ellipsis.tag | 24 | ||||
| -rw-r--r-- | src/web/app/common/views/components/ellipsis.vue | 26 |
2 files changed, 26 insertions, 24 deletions
diff --git a/src/web/app/common/-tags/ellipsis.tag b/src/web/app/common/-tags/ellipsis.tag deleted file mode 100644 index 734454e4a0..0000000000 --- a/src/web/app/common/-tags/ellipsis.tag +++ /dev/null @@ -1,24 +0,0 @@ -<mk-ellipsis><span>.</span><span>.</span><span>.</span> - <style lang="stylus" scoped> - :scope - display inline - - > span - animation ellipsis 1.4s infinite ease-in-out both - - &:nth-child(1) - animation-delay 0s - - &:nth-child(2) - animation-delay 0.16s - - &:nth-child(3) - animation-delay 0.32s - - @keyframes ellipsis - 0%, 80%, 100% - opacity 1 - 40% - opacity 0 - </style> -</mk-ellipsis> diff --git a/src/web/app/common/views/components/ellipsis.vue b/src/web/app/common/views/components/ellipsis.vue new file mode 100644 index 0000000000..07349902de --- /dev/null +++ b/src/web/app/common/views/components/ellipsis.vue @@ -0,0 +1,26 @@ +<template> + <span class="mk-ellipsis"> + <span>.</span><span>.</span><span>.</span> + </span> +</template> + +<style lang="stylus" scoped> +.mk-ellipsis + > span + animation ellipsis 1.4s infinite ease-in-out both + + &:nth-child(1) + animation-delay 0s + + &:nth-child(2) + animation-delay 0.16s + + &:nth-child(3) + animation-delay 0.32s + + @keyframes ellipsis + 0%, 80%, 100% + opacity 1 + 40% + opacity 0 +</style> |