From d09cab49aacf079c42d0fa39341ce6d8c9afe5c2 Mon Sep 17 00:00:00 2001
From: Aitor <asakon28@gmail.com>
Date: Wed, 17 Jan 2024 11:56:43 +0100
Subject: [PATCH] :bug: Asset color long names should show ellipsis

---
 frontend/src/app/main/ui/components/color_bullet_new.cljs | 1 +
 frontend/src/app/main/ui/components/color_bullet_new.scss | 3 ++-
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/frontend/src/app/main/ui/components/color_bullet_new.cljs b/frontend/src/app/main/ui/components/color_bullet_new.cljs
index a742d54ec..690a0dd79 100644
--- a/frontend/src/app/main/ui/components/color_bullet_new.cljs
+++ b/frontend/src/app/main/ui/components/color_bullet_new.cljs
@@ -75,6 +75,7 @@
                       :color-text (< size 72)
                       :small-text (and (>= size 64) (< size 72))
                       :big-text   (>= size 72))
+              :title name
               :on-click on-click
               :on-double-click on-double-click}
        (if (some? image)
diff --git a/frontend/src/app/main/ui/components/color_bullet_new.scss b/frontend/src/app/main/ui/components/color_bullet_new.scss
index 9da025115..d6e617251 100644
--- a/frontend/src/app/main/ui/components/color_bullet_new.scss
+++ b/frontend/src/app/main/ui/components/color_bullet_new.scss
@@ -85,8 +85,9 @@
 
 .big-text {
   @include inspectValue;
+  @include twoLineTextEllipsis;
   color: var(--palette-text-color);
-  height: $s-16;
+  height: $s-28;
   text-align: center;
 }