Skip to content
This repository has been archived by the owner on Jun 25, 2022. It is now read-only.

Commit

Permalink
feat(front-end): Add new styles to table action buttons
Browse files Browse the repository at this point in the history
  • Loading branch information
@CarlosPavajeau
CarlosPavajeau committed Feb 27, 2021
1 parent 89ec013 commit 8ebe531
Show file tree
Hide file tree
Showing 7 changed files with 21 additions and 8 deletions.
5 changes: 3 additions & 2 deletions Kaizen/ClientApp/src/app/modules/clients/components/clients/clients.component.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -68,16 +68,17 @@ <h1>Clientes registrados</h1>
<th mat-header-cell *matHeaderCellDef>Opciones</th>
<td mat-cell *matCellDef="let client">
<a
class="table-actions-button"
mat-icon-button
routerLink="/clients/{{ client.id }}"
[matTooltip]="'Ver más información'"
>
<mat-icon>visibility</mat-icon>
</a>
<a mat-icon-button [matTooltip]="'Editar cliente'">
<a class="table-actions-button" mat-icon-button [matTooltip]="'Editar cliente'">
<mat-icon>edit</mat-icon>
</a>
<a mat-icon-button [matTooltip]="'Eliminar cliente'">
<a class="table-actions-button" mat-icon-button [matTooltip]="'Eliminar cliente'">
<mat-icon>delete</mat-icon>
</a>
</td>
Expand Down
4 changes: 3 additions & 1 deletion Kaizen/ClientApp/src/app/modules/employees/components/employees/employees.component.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -62,20 +62,22 @@ <h1>Empleados de la Empresa</h1>
<th mat-header-cell *matHeaderCellDef>Opciones</th>
<td mat-cell *matCellDef="let employee">
<a
class="table-actions-button"
mat-icon-button
routerLink="/employees/{{ employee.id }}"
[matTooltip]="'Ver más información'"
>
<mat-icon>visibility</mat-icon>
</a>
<a
class="table-actions-button"
mat-icon-button
routerLink="/employees/edit/{{ employee.id }}"
[matTooltip]="'Editar empleado'"
>
<mat-icon>edit</mat-icon>
</a>
<a mat-icon-button [matTooltip]="'Eliminar empleado'">
<a class="table-actions-button" mat-icon-button [matTooltip]="'Eliminar empleado'">
<mat-icon>delete</mat-icon>
</a>
</td>
Expand Down
3 changes: 3 additions & 0 deletions ...tApp/src/app/modules/inventory/equipments/components/equipments/equipments.component.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -51,20 +51,23 @@ <h1>Equipos registrados</h1>
<th mat-header-cell *matHeaderCellDef>Opciones</th>
<td mat-cell *matCellDef="let equipment">
<a
class="table-actions-button"
mat-icon-button
routerLink="/inventory/equipments/{{ equipment.code }}"
[matTooltip]="'Ver más información'"
>
<mat-icon>visibility</mat-icon>
</a>
<a
class="table-actions-button"
mat-icon-button
routerLink="/inventory/equipments/edit/{{ equipment.code }}"
[matTooltip]="'Editar equipo'"
>
<mat-icon>edit</mat-icon>
</a>
<a
class="table-actions-button"
mat-icon-button
[matTooltip]="'Eliminar equipo'"
(click)="deleteEquipment(equipment)"
Expand Down
4 changes: 3 additions & 1 deletion .../ClientApp/src/app/modules/inventory/products/components/products/products.component.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -54,20 +54,22 @@ <h1>Productos registrados</h1>
<th mat-header-cell *matHeaderCellDef>Opciones</th>
<td mat-cell *matCellDef="let product">
<a
class="table-actions-button"
mat-icon-button
routerLink="/inventory/products/{{ product.code }}"
[matTooltip]="'Ver más información'"
>
<mat-icon>visibility</mat-icon>
</a>
<a
class="table-actions-button"
mat-icon-button
routerLink="/inventory/products/edit/{{ product.code }}"
[matTooltip]="'Editar producto'"
>
<mat-icon>edit</mat-icon>
</a>
<a mat-icon-button [matTooltip]="'Eliminar producto'">
<a class="table-actions-button" mat-icon-button [matTooltip]="'Eliminar producto'">
<mat-icon>delete</mat-icon>
</a>
</td>
Expand Down
4 changes: 3 additions & 1 deletion Kaizen/ClientApp/src/app/modules/services/components/services/services.component.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -43,20 +43,22 @@ <h1>Servicios de la empresa</h1>
<th mat-header-cell *matHeaderCellDef>Opciones</th>
<td mat-cell *matCellDef="let service">
<a
class="table-actions-button"
mat-icon-button
routerLink="/services/{{ service.code }}"
[matTooltip]="'Ver más información'"
>
<mat-icon>visibility</mat-icon>
</a>
<a
class="table-actions-button"
mat-icon-button
routerLink="/services/edit/{{ service.code }}"
[matTooltip]="'Editar servicio'"
>
<mat-icon>edit</mat-icon>
</a>
<a mat-icon-button [matTooltip]="'Eliminar servicio'">
<a class="table-actions-button" mat-icon-button [matTooltip]="'Eliminar servicio'">
<mat-icon>delete</mat-icon>
</a>
</td>
Expand Down
1 change: 1 addition & 0 deletions ...n/ClientApp/src/app/modules/work-orders/components/work-orders/work-orders.component.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -47,6 +47,7 @@ <h1>Ordenes de trabajo</h1>
<th mat-header-cell *matHeaderCellDef>Opciones</th>
<td mat-cell *matCellDef="let workOrder">
<a
class="table-actions-button"
mat-icon-button
routerLink="/work_orders/{{ workOrder.code }}"
[matTooltip]="'Ver más información'"
Expand Down
8 changes: 5 additions & 3 deletions Kaizen/ClientApp/src/styles.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -60,7 +60,7 @@ button {
}

*::-webkit-scrollbar {
width: 0%;
width: 0;
}

.form-element,
Expand Down Expand Up @@ -299,13 +299,11 @@ table {

app-header + article {
padding: 3.2rem;
padding: 32px;
background: #142454;
}

.our-services-article {
padding: 3.2rem;
padding: 32px;
background: #142454;
}

Expand Down Expand Up @@ -441,3 +439,7 @@ mat-panel-description .icon-text-container span {
.contact-people-card .icon-text-container {
justify-content: center;
}

.table-actions-button:hover {
color: rgba(39, 39, 39, .85);
}

0 comments on commit 8ebe531

Please sign in to comment.