From 04ce231f4b895eccf3ceab3c0b42bcc802de5d39 Mon Sep 17 00:00:00 2001
From: laura stordeur <stordeur.laura@outlook.fr>
Date: Thu, 30 May 2024 10:37:34 +0200
Subject: [PATCH] update tooltip placement progress bar

---
 changelogs/unreleased/5730-tooltip-placement.yml | 6 ++++++
 src/UI/Components/LegendBar/Item.tsx             | 2 +-
 src/UI/Components/LegendBar/Total.tsx            | 2 +-
 3 files changed, 8 insertions(+), 2 deletions(-)
 create mode 100644 changelogs/unreleased/5730-tooltip-placement.yml

diff --git a/changelogs/unreleased/5730-tooltip-placement.yml b/changelogs/unreleased/5730-tooltip-placement.yml
new file mode 100644
index 000000000..dcca919fb
--- /dev/null
+++ b/changelogs/unreleased/5730-tooltip-placement.yml
@@ -0,0 +1,6 @@
+description: Improve the placement of the tooltip in the Resource Discovery page.
+issue-nr: 5730
+change-type: patch
+destination-branches: [master, iso7]
+sections:
+  minor-improvement: "{{description}}"
\ No newline at end of file
diff --git a/src/UI/Components/LegendBar/Item.tsx b/src/UI/Components/LegendBar/Item.tsx
index 2b97be64f..77eaa629e 100644
--- a/src/UI/Components/LegendBar/Item.tsx
+++ b/src/UI/Components/LegendBar/Item.tsx
@@ -22,7 +22,7 @@ export const Item: React.FC<Props> = ({
   onClick,
   id,
 }) => (
-  <Tooltip content={label} position="auto" distance={4} enableFlip>
+  <Tooltip content={label} position="top" distance={4} enableFlip>
     <Container
       value={value}
       data-value={value}
diff --git a/src/UI/Components/LegendBar/Total.tsx b/src/UI/Components/LegendBar/Total.tsx
index 7c0f26a28..56262c6df 100644
--- a/src/UI/Components/LegendBar/Total.tsx
+++ b/src/UI/Components/LegendBar/Total.tsx
@@ -17,7 +17,7 @@ export const Total: React.FC<{ total: Total; value: number }> = ({
   value,
 }) =>
   total.label ? (
-    <Tooltip content={total.label} position="auto" distance={4} enableFlip>
+    <Tooltip content={total.label} position="top" distance={4} enableFlip>
       <TotalContainer>{total.format(value)}</TotalContainer>
     </Tooltip>
   ) : (