<div class="dropdown-root" ngbDropdown [placement]="placement" [container]="container" *ngIf="areActionsDisplayed(actions, entry)">
<button
class="action-button" [ngClass]="{ small: buttonSize === 'small', grey: theme === 'grey', orange: theme === 'orange', 'button-styled': buttonStyled }"
- ngbDropdownToggle role="button"
+ ngbDropdownToggle role="button" aria-label="Open actions" i18n-aria-label
>
<my-global-icon *ngIf="!label && buttonDirection === 'horizontal'" class="more-icon" iconName="more-horizontal"></my-global-icon>
<my-global-icon *ngIf="!label && buttonDirection === 'vertical'" class="more-icon" iconName="more-vertical"></my-global-icon>
<ng-container *ngFor="let actions of getActions()">
<ng-container *ngFor="let action of actions">
- <ng-container *ngIf="action.isDisplayed === undefined || action.isDisplayed(entry) === true">
+ <div [ngClass]="action.class" *ngIf="action.isDisplayed === undefined || action.isDisplayed(entry) === true">
<ng-template #templateActionLabel let-action>
<my-global-icon *ngIf="action.iconName" [iconName]="action.iconName" [ngClass]="'icon-' + action.iconName" aria-hidden="true"></my-global-icon>
<ng-container *ngTemplateOutlet="templateActionLabel; context:{ $implicit: action }"></ng-container>
</h6>
- </ng-container>
+ </div>
</ng-container>
<div *ngIf="areActionsDisplayed(actions, entry)" class="dropdown-divider"></div>