1
0
Fork 0
mirror of https://github.com/Chocobozzz/PeerTube.git synced 2025-10-03 01:39:37 +02:00

Fix table overflow

This commit is contained in:
Chocobozzz 2025-07-16 17:13:20 +02:00
parent cd8573d79e
commit a02704a7a4
No known key found for this signature in database
GPG key ID: 583A612D890159BE
5 changed files with 9 additions and 5 deletions

View file

@ -39,7 +39,7 @@
</div>
</td>
<td *ngIf="table.isColumnDisplayed('registrationReason')" class="max-width-300px" container="body" placement="left auto" [ngbTooltip]="registration.registrationReason">
<td *ngIf="table.isColumnDisplayed('registrationReason')" class="max-width-300px ellipsis" container="body" placement="left auto" [ngbTooltip]="registration.registrationReason">
{{ registration.registrationReason }}
</td>
@ -55,7 +55,7 @@
}
</td>
<td *ngIf="table.isColumnDisplayed('moderationResponse')" class="max-width-300px" container="body" placement="left auto" [ngbTooltip]="registration.moderationResponse">
<td *ngIf="table.isColumnDisplayed('moderationResponse')" class="max-width-300px ellipsis" container="body" placement="left auto" [ngbTooltip]="registration.moderationResponse">
{{ registration.moderationResponse }}
</td>

View file

@ -14,7 +14,7 @@
<ng-template #tableCells let-runner>
<td>{{ runner.name }}</td>
<td class="max-width-300px">{{ runner.description }}</td>
<td class="max-width-300px ellipsis">{{ runner.description }}</td>
<td>{{ runner.ip }}</td>

View file

@ -16,7 +16,7 @@
</ng-template>
<ng-template #tableCells let-videoImport>
<td class="max-width-300px">
<td class="max-width-300px ellipsis">
@if (videoImport.targetUrl) {
<a [href]="videoImport.targetUrl" target="_blank" rel="noopener noreferrer" [title]="videoImport.targetUrl">{{ videoImport.targetUrl }}</a>
} @else {

View file

@ -106,7 +106,7 @@
</button>
</td>
<td *ngIf="isAdminView()" class="internal-note max-width-300px" container="body" placement="left auto" [ngbTooltip]="abuse.moderationComment">
<td *ngIf="isAdminView()" class="internal-note max-width-300px ellipsis" container="body" placement="left auto" [ngbTooltip]="abuse.moderationComment">
{{ abuse.moderationComment }}
</td>
</ng-template>

View file

@ -48,6 +48,10 @@
min-width: 0;
}
.max-width-300px {
max-width: 300px;
}
.d-none-mw {
@include on-mobile-main-col {
display: none !important;