From 559a4453347b589a269d593cdd815b521be2a743 Mon Sep 17 00:00:00 2001
From: Sam Becker <sam@sambecker.com>
Date: Wed, 5 Feb 2025 20:51:24 -0600
Subject: [PATCH] Underline 35mm equivalent when showing tooltip

---
 src/components/primitives/TooltipPrimitive.tsx | 4 +++-
 src/photo/PhotoLarge.tsx                       | 7 ++++++-
 2 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/src/components/primitives/TooltipPrimitive.tsx b/src/components/primitives/TooltipPrimitive.tsx
index 1cfa9e2f..f7f37e50 100644
--- a/src/components/primitives/TooltipPrimitive.tsx
+++ b/src/components/primitives/TooltipPrimitive.tsx
@@ -27,7 +27,9 @@ export default function TooltipPrimitive({
 
   useClickInsideOutside({
     htmlElements: [refTrigger, refContent],
-    onClickOutside: () => setIsOpen(false),
+    onClickOutside: () => {
+      if (!supportsHover) { setIsOpen(false); }
+    },
   });
 
   return (
diff --git a/src/photo/PhotoLarge.tsx b/src/photo/PhotoLarge.tsx
index 790a71ba..7f96e1e0 100644
--- a/src/photo/PhotoLarge.tsx
+++ b/src/photo/PhotoLarge.tsx
@@ -262,7 +262,12 @@ export default function PhotoLarge({
                       <>
                         {' '}
                         <Tooltip content="35mm equivalent" sideOffset={3}>
-                          <span className="text-extra-dim">
+                          <span
+                            className={clsx(
+                              'text-extra-dim',
+                              'hover:underline decoration-dotted',
+                            )}
+                          >
                             {photo.focalLengthIn35MmFormatFormatted}
                           </span>
                         </Tooltip>