From 98b41a5bff800c9ce30ad11749973b61de21a52f Mon Sep 17 00:00:00 2001
From: Eva Marco <evamarcod@gmail.com>
Date: Wed, 13 Mar 2024 09:57:12 +0100
Subject: [PATCH] :bug: Fix assets group name when is too long

---
 .../src/app/main/ui/components/title_bar.scss | 25 ++++---------------
 .../ui/workspace/sidebar/assets/groups.scss   |  1 -
 2 files changed, 5 insertions(+), 21 deletions(-)

diff --git a/frontend/src/app/main/ui/components/title_bar.scss b/frontend/src/app/main/ui/components/title_bar.scss
index 2ff458ded..43de2b42c 100644
--- a/frontend/src/app/main/ui/components/title_bar.scss
+++ b/frontend/src/app/main/ui/components/title_bar.scss
@@ -20,9 +20,10 @@
 .title-only,
 .inspect-title {
   @include uppercaseTitleTipography;
-  display: flex;
+  display: grid;
   align-items: center;
-  flex-grow: 1;
+  justify-content: flex-start;
+  grid-auto-flow: column;
   height: 100%;
   min-height: $s-32;
   color: var(--title-foreground-color);
@@ -30,7 +31,8 @@
 }
 
 .title-only {
-  margin-left: $s-8;
+  --title-bar-title-margin: #{$s-8};
+  margin-inline-start: var(--title-bar-title-margin);
 }
 
 .inspect-title {
@@ -66,23 +68,6 @@
   }
 }
 
-.title,
-.title-only {
-  @include uppercaseTitleTipography;
-  display: flex;
-  align-items: center;
-  flex-grow: 1;
-  height: 100%;
-  min-height: $s-32;
-  color: var(--title-foreground-color);
-  overflow: hidden;
-}
-
-.title-only {
-  --title-bar-title-margin: #{$s-8};
-  margin-inline-start: var(--title-bar-title-margin);
-}
-
 .title-only-icon-gap {
   --title-bar-title-margin: #{$s-12};
 }
diff --git a/frontend/src/app/main/ui/workspace/sidebar/assets/groups.scss b/frontend/src/app/main/ui/workspace/sidebar/assets/groups.scss
index 52634fee3..aeafdfeca 100644
--- a/frontend/src/app/main/ui/workspace/sidebar/assets/groups.scss
+++ b/frontend/src/app/main/ui/workspace/sidebar/assets/groups.scss
@@ -18,7 +18,6 @@
 
 .path {
   @include textEllipsis;
-  max-width: 90%;
   margin-left: $s-2;
   text-transform: initial;
   color: var(--title-foreground-color-hover);