From 610f5dc5f7c913c03e34fcb4baa3732b891d61ff Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bel=C3=A9n=20Albeza?= <belen@hey.com>
Date: Mon, 19 Feb 2024 16:39:07 +0100
Subject: [PATCH] :bug: Add ellipsis to layer title text when inspecting shape

---
 frontend/src/app/main/ui/viewer/inspect/right_sidebar.scss | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/frontend/src/app/main/ui/viewer/inspect/right_sidebar.scss b/frontend/src/app/main/ui/viewer/inspect/right_sidebar.scss
index 5d9646ab6..2610509b9 100644
--- a/frontend/src/app/main/ui/viewer/inspect/right_sidebar.scss
+++ b/frontend/src/app/main/ui/viewer/inspect/right_sidebar.scss
@@ -28,7 +28,8 @@
 }
 
 .shape-row {
-  display: flex;
+  display: grid;
+  grid-template-columns: auto 1fr;
   gap: $s-8;
   align-items: center;
   height: $s-32;
@@ -46,6 +47,7 @@
 
 .layer-title {
   @include titleTipography;
+  @include text-ellipsis;
   height: $s-32;
   padding: $s-8 0;
   color: var(--assets-item-name-foreground-color-rest);