jakob/PairDrop
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

remove fade-in from description (LCP) on page load

Browse source
This commit is contained in:
schlagmichdoch 2023-04-20 21:11:08 +02:00
parent 5c3f5ece7d
commit 3f72fa1160
4 changed files with 16 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
public/scripts/ui.js
View file

@ -57,6 +57,12 @@ class PeersUI {
console.log("Retrieved edited display name:", displayName) console.log("Retrieved edited display name:", displayName)
if (displayName) Events.fire('self-display-name-changed', displayName); if (displayName) Events.fire('self-display-name-changed', displayName);
}); });
/* prevent animation on load */
setTimeout(_ => {
this.$xNoPeers.style.animationIterationCount = "1";
}, 300);
} }
_insertDisplayName(displayName) { _insertDisplayName(displayName) {

4
public/styles.css
View file

@ -405,10 +405,10 @@ x-no-peers {
flex-direction: column; flex-direction: column;
padding: 8px; padding: 8px;
text-align: center; text-align: center;
/* prevent flickering on load */
animation: fade-in 300ms; animation: fade-in 300ms;
animation-delay: 500ms;
animation-fill-mode: backwards; animation-fill-mode: backwards;
/* prevent flickering on load */
animation-iteration-count: 0;
} }
x-no-peers h2, x-no-peers h2,

6
public_included_ws_fallback/scripts/ui.js
View file

@ -57,6 +57,12 @@ class PeersUI {
console.log("Retrieved edited display name:", displayName) console.log("Retrieved edited display name:", displayName)
if (displayName) Events.fire('self-display-name-changed', displayName); if (displayName) Events.fire('self-display-name-changed', displayName);
}); });
/* prevent animation on load */
setTimeout(_ => {
this.$xNoPeers.style.animationIterationCount = "1";
}, 300);
} }
_insertDisplayName(displayName) { _insertDisplayName(displayName) {

4
public_included_ws_fallback/styles.css
View file

@ -415,10 +415,10 @@ x-no-peers {
flex-direction: column; flex-direction: column;
padding: 8px; padding: 8px;
text-align: center; text-align: center;
/* prevent flickering on load */
animation: fade-in 300ms; animation: fade-in 300ms;
animation-delay: 500ms;
animation-fill-mode: backwards; animation-fill-mode: backwards;
/* prevent flickering on load */
animation-iteration-count: 0;
} }
x-no-peers h2, x-no-peers h2,