From d204ae86f298983a8166d7de9ffe14142b4f6e48 Mon Sep 17 00:00:00 2001
From: Pablo Alba <pablo.alba@kaleidos.net>
Date: Thu, 11 Jan 2024 11:23:39 +0100
Subject: [PATCH] :bug: Fix swap styles for groups names too long

---
 .../src/app/main/ui/workspace/sidebar/assets/groups.scss    | 2 ++
 .../main/ui/workspace/sidebar/options/menus/component.scss  | 6 ++++++
 2 files changed, 8 insertions(+)

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 c3091a7cb..209c441e3 100644
--- a/frontend/src/app/main/ui/workspace/sidebar/assets/groups.scss
+++ b/frontend/src/app/main/ui/workspace/sidebar/assets/groups.scss
@@ -17,6 +17,8 @@
 }
 
 .path {
+  @include textEllipsis;
+  max-width: 90%;
   margin-left: $s-2;
   text-transform: initial;
   color: var(--title-foreground-color-hover);
diff --git a/frontend/src/app/main/ui/workspace/sidebar/options/menus/component.scss b/frontend/src/app/main/ui/workspace/sidebar/options/menus/component.scss
index 1c190f2d7..c6f098a98 100644
--- a/frontend/src/app/main/ui/workspace/sidebar/options/menus/component.scss
+++ b/frontend/src/app/main/ui/workspace/sidebar/options/menus/component.scss
@@ -47,6 +47,8 @@
 .component-name {
   @include titleTipography;
   @include textEllipsis;
+  direction: rtl;
+  text-align: left;
   width: 70%;
   flex-grow: 2;
   margin-left: $s-8;
@@ -55,6 +57,9 @@
 .component-parent-name {
   @include titleTipography;
   @include textEllipsis;
+  direction: rtl;
+  text-align: left;
+  max-width: 95%;
   padding-left: $s-36;
   color: var(--title-foreground-color);
 }
@@ -224,6 +229,7 @@
   display: flex;
   align-items: center;
   margin-bottom: $s-4;
+  padding-right: $s-8;
   font-size: $s-12;
   cursor: pointer;
   width: 100%;