fix(web): preallocate space for dots

This commit is contained in:
əlemi 2024-05-23 04:16:09 +02:00
parent 90ae05c5d1
commit c2f4f24586
Signed by: alemi
GPG key ID: A4895B84D311642C

View file

@ -316,19 +316,20 @@
&:after {
animation: dots 1.5s linear infinite;
display: inline-block;
content: "";
content: "\00a0\00a0\00a0";
}
}
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
/* \00a0 is unicode for "space", because otherwise it gets removed */
@keyframes dots {
0% { content: ""; }
25% { content: "."; }
50% { content: ".."; }
0% { content: "\00a0\00a0\00a0"; }
25% { content: ".\00a0\00a0"; }
50% { content: "..\00a0"; }
75% { content: "..."; }
100% { content: ""; }
100% { content: "\00a0\00a0\00a0"; }
}
</style>
</head>