diff --git a/public/css/styles.css b/public/css/styles.css index fd81144..5686d27 100644 --- a/public/css/styles.css +++ b/public/css/styles.css @@ -3364,9 +3364,6 @@ tbody tr:hover td { font-size: 14px; font-weight: 600; color: var(--text-primary); - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; } .task-card-description { @@ -3374,13 +3371,13 @@ tbody tr:hover td { color: var(--text-secondary); line-height: 1.5; display: -webkit-box; - -webkit-line-clamp: 2; + -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; - max-height: 3em; } .task-card-footer { + margin-top: 12px; display: flex; align-items: center; justify-content: space-between; diff --git a/public/js/components/tasks.js b/public/js/components/tasks.js index 4691e09..9b6d910 100644 --- a/public/js/components/tasks.js +++ b/public/js/components/tasks.js @@ -68,7 +68,7 @@ const TasksUI = {

${Utils.escapeHtml(task.name)}

${Utils.escapeHtml(categoryLabel)} - ${task.description ? `

${Utils.escapeHtml(task.description.length > 120 ? task.description.slice(0, 120) + '…' : task.description)}

` : ''} + ${task.description ? `

${Utils.escapeHtml(task.description.length > 240 ? task.description.slice(0, 240) + '…' : task.description)}

` : ''}