Fix table link style

This commit is contained in:
ziajka 2017-11-30 11:32:29 +01:00
parent 084ded34b2
commit 178f849476
5 changed files with 13 additions and 9 deletions

View File

@ -4,7 +4,7 @@
<ng-container matColumnDef="name">
<mat-header-cell *matHeaderCellDef> Name </mat-header-cell>
<mat-cell *matCellDef="let row"> <button [routerLink]="['/server', row.id, 'projects']" mat-button>{{row.name}}</button></mat-cell>
<mat-cell *matCellDef="let row;"> <a [routerLink]="['/server', row.id, 'projects']" class="table-link">{{row.name}}</a> </mat-cell>
</ng-container>
<mat-header-row *matHeaderRowDef="displayedColumns"></mat-header-row>

View File

@ -48,7 +48,8 @@ main {
}
.default-header {
padding-left: 20px;
margin: 0 auto;
max-width: 940px;
/*background-color: #0097a7;*/
}

View File

@ -10,7 +10,7 @@
<ng-container matColumnDef="name">
<mat-header-cell *matHeaderCellDef> Name </mat-header-cell>
<mat-cell *matCellDef="let row">
<button [routerLink]="['/server', server.id, 'project', row.project_id]" mat-button>{{row.name}}</button>
<a [routerLink]="['/server', server.id, 'project', row.project_id]" class="table-link">{{row.name}}</a>
</mat-cell>
</ng-container>

View File

@ -9,27 +9,27 @@
<ng-container matColumnDef="id">
<mat-header-cell *matHeaderCellDef> ID </mat-header-cell>
<mat-cell *matCellDef="let row"> {{row.id}} </mat-cell>
<mat-cell *matCellDef="let row;"> {{row.id}} </mat-cell>
</ng-container>
<ng-container matColumnDef="name">
<mat-header-cell *matHeaderCellDef> Name </mat-header-cell>
<mat-cell *matCellDef="let row"> <button [routerLink]="['/server', row.id, 'projects']" mat-button>{{row.name}}</button></mat-cell>
<mat-cell *matCellDef="let row;"> <a [routerLink]="['/server', row.id, 'projects']" class="table-link">{{row.name}}</a></mat-cell>
</ng-container>
<ng-container matColumnDef="ip">
<mat-header-cell *matHeaderCellDef> IP </mat-header-cell>
<mat-cell *matCellDef="let row"> {{row.ip}} </mat-cell>
<mat-cell *matCellDef="let row;"> {{row.ip}} </mat-cell>
</ng-container>
<ng-container matColumnDef="port">
<mat-header-cell *matHeaderCellDef> Port </mat-header-cell>
<mat-cell *matCellDef="let row"> {{row.port}} </mat-cell>
<mat-cell *matCellDef="let row;"> {{row.port}} </mat-cell>
</ng-container>
<ng-container matColumnDef="actions">
<mat-header-cell *matHeaderCellDef> Actions </mat-header-cell>
<mat-cell *matCellDef="let row" style="text-align: right">
<mat-cell *matCellDef="let row;" style="text-align: right">
<button mat-icon-button (click)="deleteServer(row)">
<mat-icon aria-label="Remove server">delete</mat-icon>
</button>

View File

@ -1,7 +1,10 @@
/* @TODO: make icons self hosted */
@import '~https://fonts.googleapis.com/icon?family=Material+Icons';
/*@import '~@angular/material/prebuilt-themes/pink-bluegrey.css';*/
img.logo-header {
width: 50px;
}
a.table-link {
color: #0097a7;
}