Change loading animation to Sven Scharfenberg's that does not rely on JS.
This commit is contained in:
parent
1116228151
commit
73e0496260
3 changed files with 111 additions and 94 deletions
17
js/app.js
17
js/app.js
|
|
@ -224,16 +224,15 @@ async function selectChat(chat, isPopState = false, smoothScroll = true) {
|
|||
elements.activeChatAvatar.textContent = chat.name ? chat.name.substring(0, 1).toUpperCase() : '?';
|
||||
|
||||
elements.messagesContainer.innerHTML = `
|
||||
<div class="loading-chats">
|
||||
<div class='dots'>
|
||||
<span></span>
|
||||
<span></span>
|
||||
<span></span>
|
||||
<span></span>
|
||||
<span></span>
|
||||
<div class='loading-animation-wrapper'>
|
||||
<div class="animation">
|
||||
<p class="animation"></p>
|
||||
<div class="dot"></div>
|
||||
<div class="dot"></div>
|
||||
<div class="dot"></div>
|
||||
<div class="dot"></div>
|
||||
<div class="dot"></div>
|
||||
</div>
|
||||
<span>Loading messages...
|
||||
</span>
|
||||
</div>`;
|
||||
|
||||
elements.appContainer.classList.remove('no-active-chat');
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue