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"> <ng-container matColumnDef="name">
<mat-header-cell *matHeaderCellDef> Name </mat-header-cell> <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>
<mat-header-row *matHeaderRowDef="displayedColumns"></mat-header-row> <mat-header-row *matHeaderRowDef="displayedColumns"></mat-header-row>

View File

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

View File

@ -10,7 +10,7 @@
<ng-container matColumnDef="name"> <ng-container matColumnDef="name">
<mat-header-cell *matHeaderCellDef> Name </mat-header-cell> <mat-header-cell *matHeaderCellDef> Name </mat-header-cell>
<mat-cell *matCellDef="let row"> <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> </mat-cell>
</ng-container> </ng-container>

View File

@ -9,27 +9,27 @@
<ng-container matColumnDef="id"> <ng-container matColumnDef="id">
<mat-header-cell *matHeaderCellDef> ID </mat-header-cell> <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>
<ng-container matColumnDef="name"> <ng-container matColumnDef="name">
<mat-header-cell *matHeaderCellDef> Name </mat-header-cell> <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>
<ng-container matColumnDef="ip"> <ng-container matColumnDef="ip">
<mat-header-cell *matHeaderCellDef> IP </mat-header-cell> <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>
<ng-container matColumnDef="port"> <ng-container matColumnDef="port">
<mat-header-cell *matHeaderCellDef> Port </mat-header-cell> <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>
<ng-container matColumnDef="actions"> <ng-container matColumnDef="actions">
<mat-header-cell *matHeaderCellDef> Actions </mat-header-cell> <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)"> <button mat-icon-button (click)="deleteServer(row)">
<mat-icon aria-label="Remove server">delete</mat-icon> <mat-icon aria-label="Remove server">delete</mat-icon>
</button> </button>

View File

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