diff --git a/src/ui/scss/main.scss b/src/ui/scss/main.scss index 76b72e6..57c364a 100644 --- a/src/ui/scss/main.scss +++ b/src/ui/scss/main.scss @@ -187,6 +187,10 @@ ul { border-color: rgba(255, 255, 255, 0.6); color: white !important; } + + .preload & { + transition-duration: 0s !important; + } } .button--flat-primary { @@ -201,6 +205,10 @@ ul { border-color: white; color: black !important; } + + .preload & { + transition-duration: 0s !important; + } } .button-group { diff --git a/src/ui/settings/index.html b/src/ui/settings/index.html index 6457867..8023402 100644 --- a/src/ui/settings/index.html +++ b/src/ui/settings/index.html @@ -6,7 +6,7 @@ - +
diff --git a/src/ui/shared/app-base.ts b/src/ui/shared/app-base.ts index 0966494..77b4e91 100644 --- a/src/ui/shared/app-base.ts +++ b/src/ui/shared/app-base.ts @@ -36,6 +36,10 @@ export abstract class App { initializeColorPalette(); this.initialize(); this.bind(); + + setTimeout(() => { + document.body.classList.remove('preload'); + }, 500); } protected initialize() { diff --git a/src/ui/welcome/index.html b/src/ui/welcome/index.html index a752563..9032810 100644 --- a/src/ui/welcome/index.html +++ b/src/ui/welcome/index.html @@ -6,7 +6,7 @@ - +