1
0
Fork 0
mirror of https://github.com/Chocobozzz/PeerTube.git synced 2025-10-03 09:49:20 +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> </div>
</td> </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 }} {{ registration.registrationReason }}
</td> </td>
@ -55,7 +55,7 @@
} }
</td> </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 }} {{ registration.moderationResponse }}
</td> </td>

View file

@ -14,7 +14,7 @@
<ng-template #tableCells let-runner> <ng-template #tableCells let-runner>
<td>{{ runner.name }}</td> <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> <td>{{ runner.ip }}</td>

View file

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

View file

@ -106,7 +106,7 @@
</button> </button>
</td> </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 }} {{ abuse.moderationComment }}
</td> </td>
</ng-template> </ng-template>

View file

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