Fixed the timeline guide height after the graph resize (#5490)

parca-dev · Feb 14, 2025 · e4d927a · e4d927a
1 parent ff4269e
commit e4d927a
Showing 1 changed file with 9 additions and 2 deletions.
diff --git a/ui/packages/shared/profile/src/MetricsGraphStrips/index.tsx b/ui/packages/shared/profile/src/MetricsGraphStrips/index.tsx
@@ -56,8 +56,15 @@ export const labelSetToString = (labelSet?: LabelSet): string => {
   return str;
 };
 
+const STRIP_HEIGHT = 24;
+
 const getTimelineGuideHeight = (cpus: LabelSet[], collapsedIndices: number[]): number => {
-  return 56 * (cpus.length - collapsedIndices.length) + 20 * collapsedIndices.length + 24;
+  return (
+    (STRIP_HEIGHT + 4) * (cpus.length - collapsedIndices.length) +
+    20 * collapsedIndices.length +
+    24 -
+    6
+  );
 };
 
 export const MetricsGraphStrips = ({
@@ -107,7 +114,7 @@ export const MetricsGraphStrips = ({
             {!isCollapsed ? (
               <AreaGraph
                 data={data[i]}
-                height={24}
+                height={STRIP_HEIGHT}
                 width={width ?? 1468}
                 fill={color(labelStr) as string}
                 selectionBounds={