ngbPopover箭头向右移动

时间:2019-02-22 14:20:10

标签: angular ng-bootstrap

我在应用程序中使用ngbPopover时遇到问题。将鼠标悬停在项目上之后,弹出框的箭头未居中,并且向右移了一点。

<div *ngFor="let order of run.orders">
    <div class="order-holder">
         <div class="order"
              [style.left]="order.left + '%'"
              [ngbPopover]="popOrder"
              #orderPop="ngbPopover"
              triggers="manual"
              (mouseenter)="popupResource(orderPop, order)"
              (mouseleave)="orderPop.close()"
              placement="top"
              container="body">
              <i class="icon icon-location"></i>
         </div>
     </div>
</div>

<ng-template #popOrder
         let-order="order">
<div class="negative-margin">
    <b class="d-block text-center">{{ order.order_no }}</b>
    <span class="text-center">{{order.eta_time | date:'HH:mm:ss' }}</span>
</div>

截图:

enter image description here

我正在使用“ @ angular / cli”:“ ^ 6.1.10”,

和“ @ ng-bootstrap / ng-bootstrap”:“ 3。*”

0 个答案:

没有答案