diff --git a/src/splash/index.html b/src/splash/index.html
index cfaaf13..afef31b 100644
--- a/src/splash/index.html
+++ b/src/splash/index.html
@@ -1,9 +1,8 @@
-
Launching...
+Starting...
-
-
+
@@ -69,9 +68,6 @@
}
#bar-container, #bar-fill {
- margin-top: 10px;
- transform: translate(-50%, -50%);
-
width: 180px;
height: 8px;
@@ -81,16 +77,15 @@
}
#bar-container {
- position: absolute;
- background: var(--background-secondary);
+ background-color: var(--background-secondary);
+
+ position: relative;
+ margin-top: 12px;
}
#bar-fill {
background-color: var(--brand-experiment);
width: 0;
-
- transform: translate(0%, -50%);
- left: 10%;
}
#debug {
@@ -114,34 +109,36 @@
DiscordSplash.signalReady();
DiscordSplash.onStateUpdate(({ status, current, total, progress, seconds }) => {
- let text = status.replaceAll('-', ' ');
+ let statusText = status.replaceAll('-', ' ');
+ let showProgress = false;
switch (status) {
case 'downloading-updates': // X of Y states
case 'installing-updates':
- text = text.slice(0, -1) + ` ${current} of ${total}`; // Remove "s" and concat
+ statusText = statusText.slice(0, -1) + ` ${current} of ${total}`; // Remove "s" and concat
+ showProgress = true;
break;
case 'update-failure': // Custom for update failure, include retry and reorder text
- text = `Update Failed - Retrying in ${seconds}`;
+ statusText = `Update Failed - Retrying in ${seconds}`;
break;
case 'launching':
- text = 'Starting...';
+ statusText = 'Starting...';
break;
}
- text.textContent = text;
+ text.textContent = statusText;
- if (progress) {
+ if (showProgress) {
barContainer.style.visibility = 'visible';
barFill.style.visibility = 'visible';
- barFill.style.width = 80 * (progress / 100) + '%';
+ barFill.style.width = 100 * (progress / 100) + '%';
} else {
- barContainer.style.display = '';
- barFill.style.display = '';
+ barContainer.style.visibility = '';
+ barFill.style.visibility = '';
}
});