fix: auto expand Doc frame container by click of popup item [info]

metrico · Jul 8, 2022 · 4bec16b · 4bec16b
1 parent 65a0c30
commit 4bec16b
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 21 deletions.
diff --git a/src/app/components/login-form/login-form.component.html b/src/app/components/login-form/login-form.component.html
@@ -12,7 +12,7 @@
                     {{ errorMessage }}
                 </div>
 
-                <mat-accordion>
+                <!-- <mat-accordion>
                     <mat-expansion-panel [expanded]="true">
                         <mat-expansion-panel-header>
                             <mat-panel-title>
@@ -64,29 +64,15 @@
 
                             </div>
 
-                            <!-- <div style="text-align: center; color: green" *ngIf="!!shoes.selectedOptions.selected[0]?.value?.viewValue">
-                                Option selected: {{shoes.selectedOptions.selected[0]?.value?.viewValue}}
-                            </div> -->
-                            <!-- <mat-form-field appearance="fill">
-                                <mat-label>Favorite food</mat-label>
-                                <mat-select>
-                                    <mat-option
-                                        *ngFor="let dbItem of dbItems; let k = key"
-                                        [value]="dbItem.value"
-                                        [selected]="k === 0"
-                                    >
-                                        {{ dbItem.viewValue }}
-                                    </mat-option>
-                                </mat-select>
-                            </mat-form-field> -->
+
                         </div>
                     </mat-expansion-panel>
                     <mat-expansion-panel>
                         <mat-expansion-panel-header>
                             <mat-panel-title>
                                 Create a new connection to DB
                             </mat-panel-title>
-                        </mat-expansion-panel-header>
+                        </mat-expansion-panel-header> -->
                         <div class="flex-column">
                             <mat-form-field appearance="fill">
                                 <mat-label>ClickHouse HTTP URL</mat-label>
@@ -115,9 +101,9 @@
                                 />
                             </mat-form-field>
                         </div>
-                    </mat-expansion-panel>
-                </mat-accordion>
-                <div class="btn-panel">
+                    <!-- </mat-expansion-panel>
+                </mat-accordion> -->
+                <div class="btn-panel" style="margin: 0rem">
                     <button
                         style="margin-right: 0.5rem"
                         mat-raised-button

diff --git a/src/app/pages/home.page/home.page.component.ts b/src/app/pages/home.page/home.page.component.ts
@@ -69,7 +69,12 @@ export class HomePageComponent implements OnInit {
         }
         console.log(this.currentRow.size)
         this.docsService.listen().subscribe(doc_link => {
-            this.isDocsShows = !!doc_link;
+            this.isDocsShows = false;
+            this.cdr.detectChanges();
+            requestAnimationFrame(() => {
+                this.isDocsShows = !!doc_link;
+                this.cdr.detectChanges();
+            })
             // this.isLeftPanel = !doc_link;
         })
     }