flynx/pWiki
1
1
Fork 0
mirror of https://github.com/flynx/pWiki.git synced 2025-11-01 19:40:10 +00:00
Code Issues Packages Projects Releases Wiki Activity

better loading animation...

Browse Source 
Signed-off-by: Alex A. Naanou <alex.nanou@gmail.com>
This commit is contained in:
Alex A. Naanou 2022-09-10 04:25:59 +03:00
parent 39e9c85f2c
commit 6e0d2f3cc0
1 changed files with 6 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
pwiki2.html
View File

@ -81,8 +81,8 @@ body.loading .page.spinner {
animation: fadein 1s 1; animation: fadein 1s 1;
} }
body.loading .page.spinner span { body.loading .page.spinner span {
font-size: 1.5em; font-size: 4em;
animation: loading 3s infinite ; animation: loading 2s infinite ;
animation-delay: calc(0.2s * var(--i)); animation-delay: calc(0.2s * var(--i));
} }
@keyframes fadein { @keyframes fadein {
@ -232,8 +232,7 @@ require(['./browser'], function(browser){
pwiki.location = decodeURI(location.hash).slice(1) }) }) pwiki.location = decodeURI(location.hash).slice(1) }) })
// XXX make this a 2 stage save -- first cache and then save to store... // XXX versioning??
// XXX versioning???
var SAVE_TIMEOUT = 5000 var SAVE_TIMEOUT = 5000
var SAVE_QUEUE = {} var SAVE_QUEUE = {}
var saveContent = var saveContent =
@ -291,16 +290,9 @@ var exportData = async function(){
</div> </div>
<div class="page spinner"> <div class="page spinner">
<span style="--i:0">l</span> <span style="--i:0">.</span>
<span style="--i:1">o</span> <span style="--i:1">.</span>
<span style="--i:2">a</span> <span style="--i:2">.</span>
<span style="--i:3">d</span>
<span style="--i:4">i</span>
<span style="--i:5">n</span>
<span style="--i:6">g</span>
<span style="--i:7">.</span>
<span style="--i:8">.</span>
<span style="--i:9">.</span>
</div> </div>
</body> </body>