diff --git a/src/components/loading-ellipsis/loading-ellipsis.module.css b/src/components/loading-ellipsis/loading-ellipsis.module.css index 69049ce1..d840bd8e 100644 --- a/src/components/loading-ellipsis/loading-ellipsis.module.css +++ b/src/components/loading-ellipsis/loading-ellipsis.module.css @@ -1,24 +1,22 @@ -.ellipsis { - display: inline-block; -} - .ellipsis:after { - content: '...'; - position: absolute; - -webkit-animation: ellipsis steps(4, end) 1200ms infinite; - animation: ellipsis steps(4, end) 1500ms infinite; - width: 0px; overflow: hidden; + display: inline-block; + position: absolute; + vertical-align: bottom; + -webkit-animation: ellipsis steps(4,end) 1500ms infinite; + animation: ellipsis steps(4,end) 1500ms infinite; + content: "\2026"; /* ascii code for the ellipsis character */ + width: 0px; } @keyframes ellipsis { to { - width: 1.3em; + width: 1.25em; } } @-webkit-keyframes ellipsis { to { - width: 1.3em; + width: 1.25em; } } \ No newline at end of file