From 46f5dcb4dc0d4a84dbf6dd086adef1b73cf7de55 Mon Sep 17 00:00:00 2001
From: kolaente <k@knt.li>
Date: Tue, 6 Jun 2023 17:33:55 +0200
Subject: [PATCH] fix(navigation): show text ellipsis for very long project
 titles

---
 src/components/home/ProjectsNavigationItem.vue | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/components/home/ProjectsNavigationItem.vue b/src/components/home/ProjectsNavigationItem.vue
index 72a7e7d08..ec612dab3 100644
--- a/src/components/home/ProjectsNavigationItem.vue
+++ b/src/components/home/ProjectsNavigationItem.vue
@@ -32,7 +32,7 @@
 						<icon icon="grip-lines"/>
 					</span>
 				</div>
-				<span class="list-menu-title">{{ getProjectTitle(project) }}</span>
+				<span class="project-menu-title">{{ getProjectTitle(project) }}</span>
 			</BaseButton>
 			<BaseButton
 				v-if="project.id > 0"
@@ -155,4 +155,9 @@ const canNestDeeper = computed(() => canNestProjectDeeper(props.level))
 		padding: 0 !important;
 	}
 }
+
+.project-menu-title {
+	overflow: hidden;
+	text-overflow: ellipsis;
+}
 </style>