From a3daa3261647ff7e19536c98f3bb9872b5295fee Mon Sep 17 00:00:00 2001
From: Julien Michot <julien.michot.ext@exotec.com>
Date: Thu, 9 Nov 2023 17:21:29 +0100
Subject: [PATCH 1/4] modified label css to allow hover on it

Signed-off-by: Julien Michot <julien.michot.ext@exotec.com>
---
 src/portal/src/css/common.scss | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/src/portal/src/css/common.scss b/src/portal/src/css/common.scss
index 3dbc89bb23b..9c84329ea64 100644
--- a/src/portal/src/css/common.scss
+++ b/src/portal/src/css/common.scss
@@ -374,3 +374,12 @@ job-service-dashboard {
 .alerts.alert-info {
   background-color: $alert-info-bg-color;
 }
+
+.label:hover {
+  max-width: 100% !important;
+  position: relative;
+}
+
+app-label-selector > div {
+  width: auto !important;
+}

From 608d1082140216c1fa61ac9b643c71edd588719f Mon Sep 17 00:00:00 2001
From: Julien Michot <julien.michot.ext@exotec.com>
Date: Thu, 9 Nov 2023 18:34:27 +0100
Subject: [PATCH 2/4] modified label css to allow hover on it

Signed-off-by: Julien Michot <julien.michot.ext@exotec.com>
---
 src/portal/src/css/common.scss | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/src/portal/src/css/common.scss b/src/portal/src/css/common.scss
index 9c84329ea64..8e6db3ed22a 100644
--- a/src/portal/src/css/common.scss
+++ b/src/portal/src/css/common.scss
@@ -383,3 +383,12 @@ job-service-dashboard {
 app-label-selector > div {
   width: auto !important;
 }
+
+.label:hover {
+  max-width: 100% !important;
+  position: relative;
+}
+
+app-label-selector > div {
+  width: auto !important;
+}

From d02d372639b92171ac8a6123b0151206fb692a08 Mon Sep 17 00:00:00 2001
From: jmichot-exotec <150228661+jmichot-exotec@users.noreply.github.com>
Date: Fri, 10 Nov 2023 08:57:14 +0100
Subject: [PATCH 3/4] Update common.scss

Signed-off-by: jmichot-exotec <150228661+jmichot-exotec@users.noreply.github.com>
---
 src/portal/src/css/common.scss | 9 ---------
 1 file changed, 9 deletions(-)

diff --git a/src/portal/src/css/common.scss b/src/portal/src/css/common.scss
index 8e6db3ed22a..9c84329ea64 100644
--- a/src/portal/src/css/common.scss
+++ b/src/portal/src/css/common.scss
@@ -383,12 +383,3 @@ job-service-dashboard {
 app-label-selector > div {
   width: auto !important;
 }
-
-.label:hover {
-  max-width: 100% !important;
-  position: relative;
-}
-
-app-label-selector > div {
-  width: auto !important;
-}

From af3614c020e647b5a66b344e9540a89080fbde75 Mon Sep 17 00:00:00 2001
From: Julien Michot <julien.michot.ext@exotec.com>
Date: Fri, 10 Nov 2023 11:34:37 +0100
Subject: [PATCH 4/4] used title way to show full label on hover

Signed-off-by: Julien Michot <julien.michot.ext@exotec.com>
---
 .../label/label-piece/label-piece.component.html         | 1 +
 src/portal/src/css/common.scss                           | 9 ---------
 2 files changed, 1 insertion(+), 9 deletions(-)

diff --git a/src/portal/src/app/shared/components/label/label-piece/label-piece.component.html b/src/portal/src/app/shared/components/label/label-piece/label-piece.component.html
index 8f3f1647da2..3cf73c5e19f 100644
--- a/src/portal/src/app/shared/components/label/label-piece/label-piece.component.html
+++ b/src/portal/src/app/shared/components/label/label-piece/label-piece.component.html
@@ -2,6 +2,7 @@
     <label
         clrTooltipTrigger
         class="label"
+        title="{{ label.name }}"
         [ngStyle]="{
             'background-color': labelColor?.color,
             color: labelColor?.textColor,
diff --git a/src/portal/src/css/common.scss b/src/portal/src/css/common.scss
index 9c84329ea64..3dbc89bb23b 100644
--- a/src/portal/src/css/common.scss
+++ b/src/portal/src/css/common.scss
@@ -374,12 +374,3 @@ job-service-dashboard {
 .alerts.alert-info {
   background-color: $alert-info-bg-color;
 }
-
-.label:hover {
-  max-width: 100% !important;
-  position: relative;
-}
-
-app-label-selector > div {
-  width: auto !important;
-}