fix: add cursor pointer style on mat-table (#650)

Fixes: #648
This commit is contained in:
Abhijeet Singh
2020-05-12 10:49:13 +05:30
committed by GitHub
parent db97dd19b6
commit 6b69112b25
4 changed files with 14 additions and 7 deletions
@@ -46,7 +46,7 @@
</ng-container> </ng-container>
<tr mat-header-row *matHeaderRowDef="displayedColumns"></tr> <tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>
<tr mat-row *matRowDef="let row; columns: displayedColumns;" [routerLink]="['view', row.id]"></tr> <tr mat-row *matRowDef="let row; columns: displayedColumns;" [routerLink]="['view', row.id]" class="select-row"></tr>
</table> </table>
@@ -1,3 +1,6 @@
table { table {
width: 100%; width: 100%;
select-row:hover {
cursor: pointer;
}
} }
+2 -2
View File
@@ -73,7 +73,7 @@
</ng-container> </ng-container>
<tr mat-header-row *matHeaderRowDef="displayedColumns"></tr> <tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>
<tr mat-row *matRowDef="let row; columns: displayedColumns;" [routerLink]="[row.id,'general']"> <tr mat-row *matRowDef="let row; columns: displayedColumns;" [routerLink]="[row.id,'general']" class="select-row">
</tr> </tr>
</table> </table>
@@ -81,4 +81,4 @@
showFirstLastButtons></mat-paginator> showFirstLastButtons></mat-paginator>
</div> </div>
</mat-card> </mat-card>
+8 -4
View File
@@ -1,11 +1,15 @@
.container { .container {
.action-button{ .action-button {
margin-left: auto; margin-left: auto;
} }
.search-button{ .search-button {
min-width: 30px; min-width: 30px;
margin: 4px; margin: 4px;
}
}
table {
tr.select-row:hover {
cursor: pointer;
} }
} }