update tooltip placement progress bar

inmanta · May 30, 2024 · 04ce231 · 04ce231
1 parent 5bb6c80
commit 04ce231
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 2 deletions.
diff --git a/changelogs/unreleased/5730-tooltip-placement.yml 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}}"
diff --git 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
@@ -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>
   ) : (