From 10d3f409735ae4c99d7d1be8b86f748fa53e3d66 Mon Sep 17 00:00:00 2001
From: hadi <hnategh@gmail.com>
Date: Wed, 24 May 2023 14:40:19 +0200
Subject: [PATCH] Fix links styling to get correctly ellipsis text overflow

---
 api/js/etemplate/Et2Link/Et2Link.ts | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/api/js/etemplate/Et2Link/Et2Link.ts b/api/js/etemplate/Et2Link/Et2Link.ts
index e30a04e2dd..df6f9b2866 100644
--- a/api/js/etemplate/Et2Link/Et2Link.ts
+++ b/api/js/etemplate/Et2Link/Et2Link.ts
@@ -45,10 +45,20 @@ export class Et2Link extends ExposeMixin<Et2Widget>(Et2Widget(LitElement)) imple
 
 			  .link__title {
 				flex: 2 1 50%;
+                overflow: hidden;
+                text-overflow: ellipsis;
+                white-space: nowrap;
+				max-width: max-content;
+                width: 0;
 			  }
 
 			  .link__remark {
-				flex: 1 1 50%
+				flex: 1 1 50%;
+                overflow: hidden;
+                text-overflow: ellipsis;
+                white-space: nowrap;
+                max-width: max-content;
+                width: 0;
 			  }
 
 			  :host:hover {