From 05461b1455be55633ce217b89229178ad769da1c Mon Sep 17 00:00:00 2001
From: Jesse David Peterson <jesdavpet@users.noreply.github.com>
Date: Tue, 21 Oct 2025 15:19:18 -0400
Subject: [PATCH] TimeComparison: Automatically show/hide menu on hover
 (#112750)

feat(time-comparison): show menu on hover, like three dots menu
---
 .../dashboard-scene/scene/CustomTimeRangeCompare.tsx      | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/public/app/features/dashboard-scene/scene/CustomTimeRangeCompare.tsx b/public/app/features/dashboard-scene/scene/CustomTimeRangeCompare.tsx
index ae6819638a1..e741ea98ba2 100644
--- a/public/app/features/dashboard-scene/scene/CustomTimeRangeCompare.tsx
+++ b/public/app/features/dashboard-scene/scene/CustomTimeRangeCompare.tsx
@@ -61,17 +61,19 @@ export class CustomTimeRangeCompare extends SceneTimeRangeCompare {
   }
 
   static Component = function CustomTimeRangeCompareRenderer({ model }: SceneComponentProps<SceneTimeRangeCompare>) {
-    // Get the parent VizPanel to check timeCompare option
     const vizPanel = sceneGraph.getAncestor(model, VizPanel);
     const { options } = vizPanel.useState();
 
-    // Check if timeCompare is enabled
     const isTimeCompareEnabled = hasTimeCompare(options) && options.timeCompare;
 
     if (!isTimeCompareEnabled) {
       return <></>;
     }
 
-    return <SceneTimeRangeCompare.Component model={model} />;
+    return (
+      <div className="show-on-hover">
+        <SceneTimeRangeCompare.Component model={model} />
+      </div>
+    );
   };
 }