chore: preetify

chore: minor ui fixes in tooltip
2026-04-24 21:00:27 +01:00 · 2026-04-25 01:17:17 +05:30 · 2026-04-25 00:00:00 +05:30
5 changed files with 13 additions and 11 deletions
--- a/frontend/src/container/ApiMonitoring/Explorer/Domains/DomainDetails/components/StatusCodeBarCharts.tsx
+++ b/frontend/src/container/ApiMonitoring/Explorer/Domains/DomainDetails/components/StatusCodeBarCharts.tsx
@@ -228,6 +228,7 @@ function StatusCodeBarCharts({
 					<BarChart
 						config={config}
 						data={chartData}
+						canPinTooltip
 						width={dimensions.width}
 						height={dimensions.height}
 						timezone={timezone}
--- a/frontend/src/lib/uPlotV2/components/Tooltip/Tooltip.module.scss
+++ b/frontend/src/lib/uPlotV2/components/Tooltip/Tooltip.module.scss
@@ -8,15 +8,15 @@
 	border: 1px solid var(--l2-border);
 	display: flex;
 	flex-direction: column;
-	gap: 8px;

 	&.pinned {
 		border-color: var(--ring);
 	}
-
-	.divider {
-		width: 100%;
-		height: 1px;
-		background-color: var(--l2-border);
-	}
+}
+
+.divider {
+	display: block;
+	width: 100%;
+	height: 1px;
+	background-color: var(--l2-border);
 }
--- a/frontend/src/lib/uPlotV2/components/Tooltip/Tooltip.tsx
+++ b/frontend/src/lib/uPlotV2/components/Tooltip/Tooltip.tsx
@@ -31,7 +31,9 @@ export default function Tooltip({

 	return (
 		<div
-			className={cx(Styles.container, isPinned && Styles.pinned)}
+			className={cx(Styles.container, {
+				[Styles.pinned]: isPinned,
+			})}
 			data-testid="uplot-tooltip-container"
 		>
 			{showHeader && (
--- a/frontend/src/lib/uPlotV2/components/Tooltip/components/TooltipHeader/TooltipHeader.module.scss
+++ b/frontend/src/lib/uPlotV2/components/Tooltip/components/TooltipHeader/TooltipHeader.module.scss
@@ -11,11 +11,10 @@
 	align-items: center;
 	justify-content: space-between;
 	gap: var(--spacing-2);
-	margin-bottom: var(--spacing-2);
 }

 .pinnedItem {
-	padding: var(--spacing-4) var(--spacing-4) 0 var(--spacing-4);
+	padding: var(--spacing-4);
 }

 .status {
--- a/frontend/src/lib/uPlotV2/components/Tooltip/components/TooltipList/TooltipList.module.scss
+++ b/frontend/src/lib/uPlotV2/components/Tooltip/components/TooltipList/TooltipList.module.scss
@@ -3,7 +3,7 @@
 	:global(div[data-viewport-type='element']) {
 		left: 0;
 		box-sizing: border-box;
-		padding: 0px var(--spacing-2) 0 var(--spacing-4);
+		padding: var(--spacing-4) var(--spacing-2) var(--spacing-4) var(--spacing-4);

 		[data-test-id='virtuoso-item-list'] > * + * {
 			margin-top: var(--spacing-2);
Author	SHA1	Message	Date
Abhi Kumar	efa71e46a3	chore: preetify	2026-04-25 01:17:17 +05:30
Abhi Kumar	c82748ce1a	chore: minor ui fixes in tooltip	2026-04-25 00:00:00 +05:30