interesting
/
PeerTube
mirror of https://github.com/Chocobozzz/PeerTube.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

Fix user dropdown overflow

This commit is contained in:
Chocobozzz 2020-05-11 18:05:16 +02:00
parent 72efdda586
commit 5ff523664f
No known key found for this signature in database
GPG Key ID: 583A612D890159BE
4 changed files with 8 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
client/src/app/+admin/follows/following-list/following-list.component.html
View File

@ -27,7 +27,7 @@
<th style="width: 100px;" i18n pSortableColumn="state">State <p-sortIcon field="state"></p-sortIcon></th> <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: 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: 160px;" i18n pSortableColumn="redundancyAllowed">Redundancy allowed <p-sortIcon field="redundancyAllowed"></p-sortIcon></th>
<th style="width: 100px;"></th> <th style="width: 150px;"></th>
</tr> </tr>
</ng-template> </ng-template>

5
client/src/app/+admin/users/user-list/user-list.component.html
View File

@ -106,7 +106,10 @@
<td [title]="user.createdAt">{{ user.createdAt | date: 'short' }}</td> <td [title]="user.createdAt">{{ user.createdAt | date: 'short' }}</td>
<td class="action-cell"> <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> </my-user-moderation-dropdown>
</td> </td>
</tr> </tr>

1
client/src/app/shared/moderation/user-moderation-dropdown.component.html
View File

@ -4,5 +4,6 @@
<my-action-dropdown <my-action-dropdown
[actions]="userActions" [entry]="{ user: user, account: account }" [actions]="userActions" [entry]="{ user: user, account: account }"
[buttonSize]="buttonSize" [placement]="placement" [label]="label" [buttonSize]="buttonSize" [placement]="placement" [label]="label"
[container]="container"
></my-action-dropdown> ></my-action-dropdown>
</ng-container> </ng-container>

1
client/src/app/shared/moderation/user-moderation-dropdown.component.ts
View File

@ -22,6 +22,7 @@ export class UserModerationDropdownComponent implements OnInit, OnChanges {
@Input() buttonSize: 'normal' | 'small' = 'normal' @Input() buttonSize: 'normal' | 'small' = 'normal'
@Input() placement = 'left-top left-bottom auto' @Input() placement = 'left-top left-bottom auto'
@Input() label: string @Input() label: string
@Input() container: 'body' | undefined = undefined
@Output() userChanged = new EventEmitter() @Output() userChanged = new EventEmitter()
@Output() userDeleted = new EventEmitter() @Output() userDeleted = new EventEmitter()