У нас есть приложение, основанное на Angular 2, и мы реализовали модуль pTooltip для отображения названия документа во всплывающей подсказке.Проблема в том, что если имя документа длиннее, то оно отображается не в стиле ui-tooltip-top css, а в стиле ui-tooltip-left css.Но мы уже определили в html, что tooltipPosition = top.Как заставить браузер или программу показывать все с помощью ui-tooltip-top вне зависимости от других настроек этого pTooltip.
Я пытался изменить custom.scss, чтобы заставка tooltip-left находилась в центре.
max-width: 2040px;
white-space: pre-wrap;
position: center;
.ui-tooltip-left{
position: center;
}
}
<div (click)="download(doc?.links?.download?.url)" class="pseudo-link">{{doc.name | truncate:30}}</div>
</td>
Код, в котором имя загруженного документа отображается в HTML-шаблоне.Вы видите, что tooltipPosition настроен.
Мне нужно, чтобы более длинный текст настраивался как ui-tooltip-top, а не ui-tooltip-left
