Fix user dropdown overflow

diff --git a/client/src/app/+admin/follows/following-list/following-list.component.html b/client/src/app/+admin/follows/following-list/following-list.component.html
index 059c07295700a791284d97cfe95496c3dde6b028..61b8133055cf9087e303ff9e3fd7a883fd1435ad 100644 (file)
--- a/client/src/app/+admin/follows/following-list/following-list.component.html
+++ b/client/src/app/+admin/follows/following-list/following-list.component.html
@@ -27,7 +27,7 @@
       <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>
 

diff --git a/client/src/app/+admin/users/user-list/user-list.component.html b/client/src/app/+admin/users/user-list/user-list.component.html
index 768a3034d7979b1b93f8d69c788e2ad70d7b2eb7..6caf372121a7146425ecc4be6759a83dbe943176 100644 (file)
--- a/client/src/app/+admin/users/user-list/user-list.component.html
+++ b/client/src/app/+admin/users/user-list/user-list.component.html
@@ -106,7 +106,10 @@
       <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>

diff --git a/client/src/app/shared/moderation/user-moderation-dropdown.component.html b/client/src/app/shared/moderation/user-moderation-dropdown.component.html
index adb672322c844c7635acfa2ac6b4a5028f7f0703..4d562387aec590773e33d169843f16fcd982791d 100644 (file)
--- a/client/src/app/shared/moderation/user-moderation-dropdown.component.html
+++ b/client/src/app/shared/moderation/user-moderation-dropdown.component.html
@@ -4,5 +4,6 @@
   <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>

diff --git a/client/src/app/shared/moderation/user-moderation-dropdown.component.ts b/client/src/app/shared/moderation/user-moderation-dropdown.component.ts
index c8ccaa800328c7ffaca1f31a93c4d8fe3659d85b..f8ad7ce13f9ca54a3fc128a9e764e636308f74ea 100644 (file)
--- a/client/src/app/shared/moderation/user-moderation-dropdown.component.ts
+++ b/client/src/app/shared/moderation/user-moderation-dropdown.component.ts
@@ -22,6 +22,7 @@ export class UserModerationDropdownComponent implements OnInit, OnChanges {
   @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()