css
This commit is contained in:
parent
8457481c0a
commit
c2d5c979f6
|
@ -46,10 +46,12 @@
|
|||
<ng-container matColumnDef="status">
|
||||
<th mat-header-cell *matHeaderCellDef style="width: 10%;" mat-sort-header sortActionDescription="Sort by Status">
|
||||
Status </th>
|
||||
<td mat-cell *matCellDef="let element"><span class="badge-label" [ngClass]="{
|
||||
'badge-success' : element.status === 'success',
|
||||
'badge-failure' : element.status === 'failure',
|
||||
'badge-pending' : element.status === 'pending'}">{{element.status}}</span>
|
||||
<td mat-cell *matCellDef="let element">
|
||||
<span class="badge-label" [ngClass]="{
|
||||
'badge-success' : element.status === 'success',
|
||||
'badge-failure' : element.status === 'failure',
|
||||
'badge-pending' : element.status === 'pending'
|
||||
}">{{element.status}}</span>
|
||||
</td>
|
||||
</ng-container>
|
||||
|
||||
|
|
|
@ -94,6 +94,7 @@ a:not([href]):hover {
|
|||
text-align: center;
|
||||
margin-left: 0.1em;
|
||||
margin-right: 0.1em;
|
||||
background-color: darkgrey;
|
||||
}
|
||||
|
||||
.badge-default {
|
||||
|
@ -101,7 +102,9 @@ a:not([href]):hover {
|
|||
}
|
||||
|
||||
.badge-pending {
|
||||
background-color: darkgrey;
|
||||
background-color: white;
|
||||
border: 1px solid #336699;
|
||||
color: #336699;
|
||||
}
|
||||
|
||||
.badge-success {
|
||||
|
|
Loading…
Reference in New Issue