Merge pull request #382 from kinfkong/issue-232

fix issue #232

Author: standlove

src/app/app.component.scss

@@ -138,3 +138,4 @@ $header-height: 60px;
 
   }
 }
+

src/app/components/information-dialog/information-dialog.component.html

@@ -2,7 +2,7 @@
   <h1 mat-dialog-title class="title">Help
     <button mat-icon-button [mat-dialog-close]="null"><i class="material-icons">close</i></button>
   </h1>
-  <div mat-dialog-content class="dialog-root">
+  <div mat-dialog-content class="dialog-root" [style.display]="!isLoading ? 'block' : 'none'">
     <mat-expansion-panel>
       <mat-expansion-panel-header>
         <mat-panel-title>

src/app/components/information-dialog/information-dialog.component.ts

@@ -7,12 +7,16 @@ import {MAT_DIALOG_DATA} from '@angular/material';
   styleUrls: ['./information-dialog.component.scss']
 })
 export class InformationDialogComponent implements OnInit {
+  isLoading = true;
   constructor(
     @Inject(MAT_DIALOG_DATA) public data) {
   }
 
 
   ngOnInit() {
+    setTimeout(() => {
+      this.isLoading = false;
+    }, 300);
   }
 
 }