From a873feab3d51a803323488ab451aa1eb3de999f1 Mon Sep 17 00:00:00 2001
From: Eva Marco <evamarcod@gmail.com>
Date: Thu, 29 Feb 2024 16:46:10 +0100
Subject: [PATCH] :bug: Fix ellipsis in library color names

---
 .../ui/workspace/sidebar/assets/colors.scss   | 19 +++++++++----------
 1 file changed, 9 insertions(+), 10 deletions(-)

diff --git a/frontend/src/app/main/ui/workspace/sidebar/assets/colors.scss b/frontend/src/app/main/ui/workspace/sidebar/assets/colors.scss
index daca6b778..887bd403e 100644
--- a/frontend/src/app/main/ui/workspace/sidebar/assets/colors.scss
+++ b/frontend/src/app/main/ui/workspace/sidebar/assets/colors.scss
@@ -72,16 +72,15 @@
   grid-template-columns: auto 1fr;
   margin: 0;
   overflow: hidden;
-  .default-name-only,
-  .name {
-    color: var(--assets-item-name-foreground-color);
-    margin-right: $s-6;
-    @include textEllipsis;
-  }
-  .default-name {
-    min-width: 0;
-    color: var(--assets-item-name-foreground-color-rest);
-  }
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  width: calc(var(--width) - $s-88);
+  color: var(--assets-item-name-foreground-color-rest);
+}
+.name {
+  color: var(--assets-item-name-foreground-color);
+  margin-right: $s-6;
 }
 
 .element-name {