ngbTooltip in Angular nicht in der Mitte des Artikels

Weiß jemand, warum der Tooltip nicht in der Mitte (Mitte-Spitze) des Artikels ist?ngbTooltip in Angular nicht in der Mitte des Artikels

hier ist das Bild ... wie Sie es ein bisschen mehr auf der rechten Seite der oberen Mitte

item

und das gleiche auf der anderen Artikel zu sehen .. hier wird es sein, leichter

item 2

hier ist mein hTML-Code zu sehen:

<button class="btn btn-icon coverage-item " 
     type="button" 
     placement="top" 
     ngbTooltip="Incendio"> 
    <img src="/assets/img/coverages/icon_thunderbolt.svg"/> 
</button>

und dies ist der SCSS Code:

@import "~bootstrap/scss/_functions.scss"; 
@import "../../scss/variables"; 

.coverage-item { 
    background: $white; 
    border: 1.5px solid $brand-primary; 
    color: $gray-light; 
    height: 3.5rem; 
    width: 3.5rem; 
    position: relative; 
    font-size: 1.5rem; 
    padding: 0rem 0rem; 
} 

.coverage-item__new { 
    background: $white; 
    border: 1.5px dashed $gray-lighter; 
    color: $gray-light; 
    height: 3.5rem; 
    width: 3.5rem; 
    position: relative; 
    font-size: 1.5rem; 
    padding: 0rem 0rem;

Quelle

2017-09-08 Matej Mejak

Was ist das CSS für die Tooltips? Das ist irgendwie essentiell für diese Frage. – Tijmen

Ich glaube nicht, dass jemand ohne ein Reproduktions-Szenario erraten kann (und ich sage das als einer der ng-Bootstrap-Autoren). Können Sie versuchen, es in einem Plünderer zu reproduzieren? Sie können mit diesem beginnen: http://plnkr.co/edit/criNVo28tU3rm4mZjMCk?p=preview –

@Tijmen es ist ein Bootsrap Standard css, wenn es das ist, was Sie gemeint haben. ahhh yeap plnkr, vergaß es .. danke ich werde versuchen, es zu reproduzieren, und ich werde zurückkommen. –

ich diesen Code in meine SCSS Datei nur hinzugefügt, und es funktioniert.

app-coverage-item { 
    .tooltip { 
    margin-left: -2px; 
    } 
}

Quelle

2017-09-11 11:55:48

ngbTooltip in Angular nicht in der Mitte des Artikels

Antwort

Verwandte Themen