From 2753e99321204b01f99d8ebd475d736ba51e02a3 Mon Sep 17 00:00:00 2001
From: Damien Vitrac <oodamien@users.noreply.github.com>
Date: Tue, 5 Dec 2023 09:25:50 +0100
Subject: [PATCH] Truncate version on Apps list

Resolves #1937
---
 ui/src/app/apps/apps.component.html |  2 +-
 ui/src/scss/styles.scss             | 12 ++++++++++++
 2 files changed, 13 insertions(+), 1 deletion(-)

diff --git a/ui/src/app/apps/apps.component.html b/ui/src/app/apps/apps.component.html
index 834fdf03f..859b23249 100644
--- a/ui/src/app/apps/apps.component.html
+++ b/ui/src/app/apps/apps.component.html
@@ -123,7 +123,7 @@ <h1 class="page-title-actions">
       ><span class="{{ app.labelTypeClass() }}">{{ app.type }}</span></clr-dg-cell
     >
     <clr-dg-cell>
-      <span class="label">
+      <span class="label version-truncate">
         {{ app.version }}
         <span *ngIf="app.versions?.length > 1" class="badge badge-light-blue">{{ app.versions?.length }}</span>
       </span>
diff --git a/ui/src/scss/styles.scss b/ui/src/scss/styles.scss
index cf2f35fe7..81d128669 100644
--- a/ui/src/scss/styles.scss
+++ b/ui/src/scss/styles.scss
@@ -744,3 +744,15 @@ h1.page-title-actions {
 .clr-input-wrapper {
   max-width: none;
 }
+
+.version-truncate {
+  max-width: 100%;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  display: inline-block;
+  line-height: 1rem;
+  &>.badge {
+    margin: -1px -.45rem 1px .3rem
+  }
+}
\ No newline at end of file