Truncar textos dos cards de tarefas para layout padronizado

This commit is contained in:
Fred
2026-02-28 01:02:15 -03:00
parent c29aa695d4
commit 7a72a028f7
2 changed files with 5 additions and 1 deletions

View File

@@ -3364,6 +3364,9 @@ tbody tr:hover td {
font-size: 14px; font-size: 14px;
font-weight: 600; font-weight: 600;
color: var(--text-primary); color: var(--text-primary);
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
} }
.task-card-description { .task-card-description {
@@ -3374,6 +3377,7 @@ tbody tr:hover td {
-webkit-line-clamp: 2; -webkit-line-clamp: 2;
-webkit-box-orient: vertical; -webkit-box-orient: vertical;
overflow: hidden; overflow: hidden;
max-height: 3em;
} }
.task-card-footer { .task-card-footer {

View File

@@ -68,7 +68,7 @@ const TasksUI = {
<h4 class="task-card-name">${Utils.escapeHtml(task.name)}</h4> <h4 class="task-card-name">${Utils.escapeHtml(task.name)}</h4>
<span class="badge ${categoryClass}">${Utils.escapeHtml(categoryLabel)}</span> <span class="badge ${categoryClass}">${Utils.escapeHtml(categoryLabel)}</span>
</div> </div>
${task.description ? `<p class="task-card-description">${Utils.escapeHtml(task.description)}</p>` : ''} ${task.description ? `<p class="task-card-description" title="${Utils.escapeHtml(task.description)}">${Utils.escapeHtml(task.description.length > 120 ? task.description.slice(0, 120) + '…' : task.description)}</p>` : ''}
<div class="task-card-footer"> <div class="task-card-footer">
<span class="task-card-date"> <span class="task-card-date">
<i data-lucide="calendar"></i> <i data-lucide="calendar"></i>