fix: restrict list name length in singleTaskInList #1039

Closed
dpschen wants to merge 1 commits from dpschen/frontend:feature/fix-long-list-name into main

View File

@ -7,18 +7,18 @@
class="color-bubble"
>
</span>
<router-link
:to="{ name: 'list.list', params: { listId: task.listId } }"
class="task-list"
v-if="showList && $store.getters['lists/getListById'](task.listId) !== null"
v-tooltip="$t('task.detail.belongsToList', {list: $store.getters['lists/getListById'](task.listId).title})">
{{ $store.getters['lists/getListById'](task.listId).title }}
</router-link>
<router-link
:to="{ name: taskDetailRoute, params: { id: task.id } }"
:class="{ 'done': task.done}"
class="tasktext">
<span>
<router-link
:to="{ name: 'list.list', params: { listId: task.listId } }"
class="task-list"
v-if="showList && $store.getters['lists/getListById'](task.listId) !== null"
v-tooltip="$t('task.detail.belongsToList', {list: $store.getters['lists/getListById'](task.listId).title})">
{{ $store.getters['lists/getListById'](task.listId).title }}
</router-link>
<!-- Show any parent tasks to make it clear this task is a sub task of something -->
<span class="parent-tasks" v-if="typeof task.relatedTasks.parenttask !== 'undefined'">
@ -243,11 +243,19 @@ export default {
}
}
.task-list + .tasktext {
margin-left: .5rem;
}
.task-list {
width: auto;
color: var(--grey-400);
font-size: .9rem;
white-space: nowrap;
max-width: 25%;
display: inline-block;
text-overflow: ellipsis;
overflow: hidden;
}
.color-bubble {