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