97399 Implemented basic working tooltip on top level community list

This commit is contained in:
Koen Pauwels
2022-12-16 11:41:09 +01:00
parent e4f483c308
commit a40d93a941
10 changed files with 154 additions and 3 deletions

View File

@@ -0,0 +1,26 @@
<!-- Set tooltip text. -->
<ng-template #help>
<div class="preserve-line-breaks ds-context-help-content">{{ content | translate }}</div>
</ng-template>
<!-- Help icon, add tooltip to help icon. -->
<i class="ds-context-help-icon fas fa-question-circle shadow-sm"
[ngbTooltip]="help"
container="'body'"
triggers="click:blur">
</i>
<!-- Indicate where to put the template (that is, the contents of
whatever component the context help directive was used on).
-->
<ng-container *ngTemplateOutlet="templateRef"></ng-container>
<!-- <i class="ds-context-help-icon fas fa-question-circle shadow-sm"></i> -->
<!-- <ng-container *ngTemplateOutlet="templateRef"></ng-container> -->
<!-- *ngClass="{'ds-context-help-icon-right': tooltipPlacement === 'right', 'ds-context-help-icon-left': tooltipPlacement === 'left'}" -->