ExternalVendorCode/gns3-web-ui
1
0
Fork 0
mirror of https://github.com/GNS3/gns3-web-ui.git synced 2025-01-30 16:13:55 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Start working on map toolbar

Browse Source
This commit is contained in:
ziajka 2017-10-31 16:32:33 +01:00
parent 4bc90c77e5
commit 8be2317c69
2 changed files with 34 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/app/project-map/project-map.component.css
View File

@ -13,3 +13,12 @@
/*height: 100%;*/ /*height: 100%;*/
/*}*/ /*}*/
.project-toolbar {
width: 70px;
position: absolute;
top: 20px;
left: 20px;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

26
src/app/project-map/project-map.component.html
View File

@ -1 +1,25 @@
<div *ngIf="project" class="project-map"><app-map [nodes]="nodes" [links]="links"></app-map></div> <div *ngIf="project" class="project-map">
<app-map [nodes]="nodes" [links]="links"></app-map>
<div class="project-toolbar">
<mat-toolbar color="primary" class="project-toolbar">
<button mat-icon-button>
<mat-icon svgIcon="gns3"></mat-icon>
</button>
<mat-toolbar-row>
<button mat-icon-button>
<mat-icon>verified_user</mat-icon>
</button>
</mat-toolbar-row>
<mat-toolbar-row>
<button mat-icon-button>
<mat-icon>delete</mat-icon>
</button>
</mat-toolbar-row>
</mat-toolbar>
</div>
</div>