всплывающая подсказка ngx-bootstrap отображает фокус на мобильном телефоне;несмотря на триггеры, установленные только на зависание

Question

Я использую функциональность всплывающей подсказки ngx-bootstraps, и мне нужно, чтобы подсказка отображалась при наведении курсора на рабочем столе, но по существу полностью отключала его на мобильном телефоне. Я подумал, что если я заблокирую его, чтобы использовать наведенный курсор, то это решит мою проблему.

В документации утверждается, что триггерами по умолчанию для всплывающей подсказки являются triggers="hover focus". Поскольку я не хочу, чтобы фокус был в силе, я вручную установил триггеры на triggers="hover".

Это работает, как и ожидалось, на рабочем столе, всплывающая подсказка отображается при наведении курсора; но на мобильном телефоне всплывающая подсказка по-прежнему настаивает на отображении при нажатии, как если бы триггер фокусировки все еще действовал.

Есть ли что-то конкретное, что мне нужно сделать, чтобы отключить поведение по умолчанию?

Шаблон ниже:

<ng-template #tooltipTemplate>
  <div class="notification-level-tooltip tooltip-inner">
    <span class="tooltip-text">
      {{details | translate}}
    </span>
  </div>
</ng-template>

<span class="notification-level label" [ngClass]="labelClass" [tooltip]="tooltipTemplate" triggers="hover">
  {{text | translate}}
</span>

Answer 1

Вы можете поместить эти классы notification-level-tooltip tooltip-inner в медиа-запросы CSS, указав размеры экрана min и max в вашем рабочем столе. Эти запросы затем позаботятся о том, что будет показано в каком размере экрана. Как работают @media запросы