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:
parent
cd8573d79e
commit
a02704a7a4
5 changed files with 9 additions and 5 deletions
|
@ -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>
|
||||||
|
|
||||||
|
|
|
@ -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>
|
||||||
|
|
||||||
|
|
|
@ -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 {
|
||||||
|
|
|
@ -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>
|
||||||
|
|
|
@ -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;
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue