<th style="width: 100px;" i18n pSortableColumn="state">State <p-sortIcon field="state"></p-sortIcon></th>
<th style="width: 150px;" i18n pSortableColumn="createdAt">Created <p-sortIcon field="createdAt"></p-sortIcon></th>
<th style="width: 160px;" i18n pSortableColumn="redundancyAllowed">Redundancy allowed <p-sortIcon field="redundancyAllowed"></p-sortIcon></th>
- <th style="width: 100px;"></th>
+ <th style="width: 150px;"></th>
</tr>
</ng-template>
<td [title]="user.createdAt">{{ user.createdAt | date: 'short' }}</td>
<td class="action-cell">
- <my-user-moderation-dropdown *ngIf="!isInSelectionMode()" [user]="user" (userChanged)="onUserChanged()" (userDeleted)="onUserChanged()">
+ <my-user-moderation-dropdown
+ *ngIf="!isInSelectionMode()"
+ [user]="user" container="body" (userChanged)="onUserChanged()" (userDeleted)="onUserChanged()"
+ >
</my-user-moderation-dropdown>
</td>
</tr>
<my-action-dropdown
[actions]="userActions" [entry]="{ user: user, account: account }"
[buttonSize]="buttonSize" [placement]="placement" [label]="label"
+ [container]="container"
></my-action-dropdown>
-</ng-container>
\ No newline at end of file
+</ng-container>
@Input() buttonSize: 'normal' | 'small' = 'normal'
@Input() placement = 'left-top left-bottom auto'
@Input() label: string
+ @Input() container: 'body' | undefined = undefined
@Output() userChanged = new EventEmitter()
@Output() userDeleted = new EventEmitter()