ami/tl-vikunja
1
0
Fork 0
Code

fix(navigation): show text ellipsis for very long project titles

Browse Source
This commit is contained in:
kolaente 2023-06-06 17:33:55 +02:00
parent 0dc7e83dc4
commit 46f5dcb4dc
No known key found for this signature in database
GPG Key ID: F40E70337AB24C9B
1 changed files with 6 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/components/home/ProjectsNavigationItem.vue
View File

@ -32,7 +32,7 @@
<icon icon="grip-lines"/> <icon icon="grip-lines"/>
</span> </span>
</div> </div>
<span class="list-menu-title">{{ getProjectTitle(project) }}</span> <span class="project-menu-title">{{ getProjectTitle(project) }}</span>
</BaseButton> </BaseButton>
<BaseButton <BaseButton
v-if="project.id > 0" v-if="project.id > 0"
@ -155,4 +155,9 @@ const canNestDeeper = computed(() => canNestProjectDeeper(props.level))
padding: 0 !important; padding: 0 !important;
} }
} }
.project-menu-title {
overflow: hidden;
text-overflow: ellipsis;
}
</style> </style>