Fix long document names cause overflow on tasks view

This commit is contained in:
shamoon 2023-08-28 21:32:10 -07:00
parent 7680aab04d
commit 407a119b9a
2 changed files with 7 additions and 1 deletions

View File

@ -53,7 +53,7 @@
<label class="form-check-label" for="task{{task.id}}"></label>
</div>
</th>
<td class="overflow-auto">{{ task.task_file_name }}</td>
<td class="overflow-auto name-col">{{ task.task_file_name }}</td>
<td class="d-none d-lg-table-cell">{{ task.date_created | customDate:'short' }}</td>
<td class="d-none d-lg-table-cell" *ngIf="activeTab !== 'started' && activeTab !== 'queued'">
<div *ngIf="task.result?.length > 50" class="result" (click)="expandTask(task); $event.stopPropagation();"

View File

@ -20,3 +20,9 @@ pre {
width: 0.8rem;
height: 0.8rem;
}
@media (max-width: 575.98px) {
.name-col {
max-width: 150px;
}
}