Fixes animation/transition flashes on load

há 6 anos · 8f6b7e75fa
--- 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 {
--- a/src/ui/settings/index.html
+++ b/src/ui/settings/index.html
@ -6,7 +6,7 @@
    <!-- <meta http-equiv="Content-Security-Policy" content="default-src 'none'; img-src *; style-src 'self'; script-src 'nonce-gitlens'" /> -->
 </head>

 <body>
 <body class="preload">
    <div class="container">
        <div class="content">
            <header>
--- 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() {
--- a/src/ui/welcome/index.html
+++ b/src/ui/welcome/index.html
@ -6,7 +6,7 @@
    <!-- <meta http-equiv="Content-Security-Policy" content="default-src 'none'; img-src *; style-src 'self'; script-src 'nonce-gitlens'"> -->
 </head>

 <body>
 <body class="preload">
    <div class="container">
        <div class="content">
            <header>