Fix long page title to truncate text to prevent cut off

lib/vue/src/components/navigation/CTopbar.vue

@@ -8,7 +8,7 @@
     />
 
     <h2
-      class="d-none d-sm-inline-block text-truncate mb-0"
+      class="d-none d-sm-inline-block text-truncate title mb-0"
     >
       <slot name="title" />
     </h2>
@@ -289,6 +289,12 @@ $nav-user-icon-size: 50px;
   padding-left: calc(3.5rem + 6px);
 }
 
+.header-navigation .title > * {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
 .topbar-dropdown-menu {
   max-height: 80vh;
   overflow-y: auto;