wlxsp
/
test1
1
0
Fork 0
Code Issues 0 Pull Requests 0 Releases 0 Wiki Activity
Browse Source

Fixes animation/transition flashes on load

main
Eric Amodio 6 years ago
parent
4ab0913e31
commit
8f6b7e75fa
4 changed files with 14 additions and 2 deletions
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. +8
    -0
      src/ui/scss/main.scss
  2. +1
    -1
      src/ui/settings/index.html
  3. +4
    -0
      src/ui/shared/app-base.ts
  4. +1
    -1
      src/ui/welcome/index.html

+ 8
- 0
src/ui/scss/main.scss View File

@ -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 {

+ 1
- 1
src/ui/settings/index.html View File

@ -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>

+ 4
- 0
src/ui/shared/app-base.ts View File

@ -36,6 +36,10 @@ export abstract class App {
initializeColorPalette();
this.initialize();
this.bind();
setTimeout(() => {
document.body.classList.remove('preload');
}, 500);
}
protected initialize() {

+ 1
- 1
src/ui/welcome/index.html View File

@ -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>

Write Preview
Loading…
Cancel
Save