css - 如何更改工具提示位置以将长文本显示为ui-tooltip-top

Question

我们有基于Angular 2的应用程序，并且已经实现了pTooltip modul来显示文档的工具提示名称。问题是，如果文档名称较长，则显示的不是ui-tooltip-top css样式，而是ui-tooltip-left css样式。但是我们已经在html中定义了tooltipPosition = top。无论此pTooltip的其他设置如何如何使用ui-tooltip-top强制浏览器或程序全部显示。

我试图修改custom.scss，以迫使工具提示左位置为中心。

  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

Answer 1

这可能是primeNg工具提示中的错误。我会报告。