Close button for console added

This commit is contained in:
piotrpekala7
2020-03-30 18:40:55 +02:00
parent d16913a678
commit 2d8c5966cd
2 changed files with 26 additions and 17 deletions

View File

@ -21,7 +21,8 @@
(mousedown)="toggleDragging(true)" (mousedown)="toggleDragging(true)"
[ngStyle]="style"> [ngStyle]="style">
<mat-tab-group [selectedIndex]="selected.value" (selectedIndexChange)="selected.setValue($event)"> <div class="consoleHeader">
<mat-tab-group class="tabs" [selectedIndex]="selected.value" (selectedIndexChange)="selected.setValue($event)">
<mat-tab> <mat-tab>
<ng-template mat-tab-label> <ng-template mat-tab-label>
<div class="col" style="margin-left: 20px;">GNS3 console</div> <div class="col" style="margin-left: 20px;">GNS3 console</div>
@ -39,6 +40,11 @@
</mat-tab-group> </mat-tab-group>
<button style="color:white" mat-icon-button (click)="close()">
<mat-icon>close</mat-icon>
</button>
</div>
<app-log-console [hidden]="!(selected.value===0)" [server]="server" [project]="project"></app-log-console> <app-log-console [hidden]="!(selected.value===0)" [server]="server" [project]="project"></app-log-console>
<div *ngFor="let node of nodes; let index = index"> <div *ngFor="let node of nodes; let index = index">

View File

@ -33,7 +33,6 @@
.consoleHeader { .consoleHeader {
width: 100%; width: 100%;
height: 30px;
font-size: 12px; font-size: 12px;
overflow: hidden; overflow: hidden;
display: flex; display: flex;
@ -41,6 +40,10 @@
justify-content: space-between; justify-content: space-between;
} }
.tabs {
width: 675px;
}
.console { .console {
width: 596px; width: 596px;
height: 120px; height: 120px;