tenkuma/pandora
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Change loading animation to Sven Scharfenberg's that does not rely on JS.

Browse source
This commit is contained in:
天クマ 2026-07-17 21:07:08 -03:00
commit 73e0496260
3 changed files with 111 additions and 94 deletions
Download patch file Download diff file Expand all files Collapse all files

23
index.html
View file

@ -12,15 +12,6 @@
<link rel="stylesheet" href="metroicons.css">
</head>
<body>
<script defer>
document.addEventListener("DOMContentLoaded", () => {
setTimeout(() => {
document.querySelectorAll(".dots").forEach(el => {
el.classList.add("animate");
});
}, 100);
});
</script>
<div class="app-container no-active-chat">
<aside id="desktop-aside">
<button id="chats-sidebar-btn" class="icon-btn mif-qa mif-2x" data-page="chat-page"></button>
@ -47,12 +38,14 @@
<div class="chat-list-container">
<div class="loading-chats" id="chats-loader">
<div class='dots'>
<span></span>
<span></span>
<span></span>
<span></span>
<span></span>
<div class='loading-animation-wrapper'>
<div class="animation">
<div class="dot"></div>
<div class="dot"></div>
<div class="dot"></div>
<div class="dot"></div>
<div class="dot"></div>
</div>
</div>
</div>
<ul class="chat-list" id="chat-list">