Commit 43f1bf882e5e97eb9437cdd8b4db8feaaf139271
1 parent
d0ff3db89d
Exists in
master
Arreglo en vista de popover.
Showing
1 changed file
with
32 additions
and
28 deletions
Show diff stats
src/app/components/popover-sinonimos/popover-sinonimos.component.html
| ... | ... | @@ -8,45 +8,49 @@ |
| 8 | 8 | </div> |
| 9 | 9 | </div> |
| 10 | 10 | |
| 11 | - <div class="row m-0 overflow-scroll popover-size pr-2 my-2"> | |
| 11 | + <div class="row m-0 pr-2 my-2"> | |
| 12 | 12 | <div class="col"> |
| 13 | 13 | <div class="row mb-2" *ngFor="let sinonimo of popoverContent; let i = index"> |
| 14 | - <div class="col"> | |
| 14 | + <div class="col p-0"> | |
| 15 | 15 | |
| 16 | 16 | <div class="row m-0"> |
| 17 | 17 | <div class="col text-left"> |
| 18 | 18 | <p class="h5 card-title"> |
| 19 | - Elija una opción - Cantidad Restante {{cantidadRestanteSinonimos[i]}} | |
| 19 | + Elija opción - Cantidad Restante {{cantidadRestanteSinonimos[i]}} | |
| 20 | 20 | </p> |
| 21 | 21 | </div> |
| 22 | 22 | </div> |
| 23 | 23 | |
| 24 | - <div class="row my-3 d-flex justify-content-between" *ngFor="let producto of sinonimo.productos"> | |
| 25 | - <div class="col-7 pl-2 h6 text-right"> | |
| 26 | - <p class="m-0 font-weight-normal"> | |
| 27 | - {{producto.DetArt}} | |
| 28 | - </p> | |
| 29 | - </div> | |
| 30 | - <div class="col-5"> | |
| 31 | - <div class="btn-group float-left my-auto" role="group"> | |
| 32 | - <button | |
| 33 | - type="button" | |
| 34 | - class="btn btn-light my-auto border shadow" | |
| 35 | - (click)="sumarCantidad(producto, i)"> | |
| 36 | - <i class="fa fa-plus" aria-hidden="true"></i> | |
| 37 | - </button> | |
| 38 | - <div class="bg-white border border-white px-3 py-1 my-auto text-dark h5"> | |
| 39 | - <small | |
| 40 | - [ngClass]="{'font-weight-bold': producto.cantidad > 0}"> | |
| 41 | - {{producto.cantidad}} | |
| 42 | - </small> | |
| 24 | + <div class="row m-0 popover-size overflow-scroll"> | |
| 25 | + <div class="col-12 p-0"> | |
| 26 | + <div class="row m-0 my-3 d-flex justify-content-between" *ngFor="let producto of sinonimo.productos"> | |
| 27 | + <div class="col-7 p-0 h6 text-right"> | |
| 28 | + <p class="m-0 font-weight-normal"> | |
| 29 | + {{producto.DetArt}} | |
| 30 | + </p> | |
| 31 | + </div> | |
| 32 | + <div class="col-5 pr-0"> | |
| 33 | + <div class="btn-group float-right my-auto" role="group"> | |
| 34 | + <button | |
| 35 | + type="button" | |
| 36 | + class="btn btn-light my-auto border shadow" | |
| 37 | + (click)="sumarCantidad(producto, i)"> | |
| 38 | + <i class="fa fa-plus" aria-hidden="true"></i> | |
| 39 | + </button> | |
| 40 | + <div class="bg-white border border-white px-3 py-1 my-auto text-dark h5"> | |
| 41 | + <small | |
| 42 | + [ngClass]="{'font-weight-bold': producto.cantidad > 0}"> | |
| 43 | + {{producto.cantidad}} | |
| 44 | + </small> | |
| 45 | + </div> | |
| 46 | + <button | |
| 47 | + type="button" | |
| 48 | + class="btn btn-light my-auto border shadow" | |
| 49 | + (click)="restarCantidad(producto, i)"> | |
| 50 | + <i class="fa fa-minus" aria-hidden="true"></i> | |
| 51 | + </button> | |
| 52 | + </div> | |
| 43 | 53 | </div> |
| 44 | - <button | |
| 45 | - type="button" | |
| 46 | - class="btn btn-light my-auto border shadow" | |
| 47 | - (click)="restarCantidad(producto, i)"> | |
| 48 | - <i class="fa fa-minus" aria-hidden="true"></i> | |
| 49 | - </button> | |
| 50 | 54 | </div> |
| 51 | 55 | </div> |
| 52 | 56 | </div> |