From 87a533858a0e8071549c4c73075e34e3ac66fdec Mon Sep 17 00:00:00 2001
From: vikingowl <christian@nachtigall.dev>
Date: Sun, 6 Jul 2025 22:36:18 +0200
Subject: [PATCH] Enhance `SheetHeader` tooltips: add hoverable tooltips for
 attribute names.

---
 .../main/modules/sheetHeader/components/SheetHeader.tsx    | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/modules/main/modules/sheetHeader/components/SheetHeader.tsx b/src/modules/main/modules/sheetHeader/components/SheetHeader.tsx
index 5900f5f..fbe25b2 100644
--- a/src/modules/main/modules/sheetHeader/components/SheetHeader.tsx
+++ b/src/modules/main/modules/sheetHeader/components/SheetHeader.tsx
@@ -91,7 +91,12 @@ export default function SheetHeader({jsonData}: { jsonData: CharacterData }) {
             <div className="flex justify-between">
               {attributes.map(attr => (
                   <div key={attr.id} className="w-[10%] text-center">
-                    <div className="font-bold">{attr.short}</div>
+                    <div className="relative group cursor-help">
+                      <div className="font-bold">{attr.short}</div>
+                      <span className="absolute left-1/2 transform -translate-x-1/2 bottom-full mb-1 px-2 py-1 bg-gray-800 text-white text-xs rounded opacity-0 group-hover:opacity-100 transition-opacity duration-200 whitespace-nowrap">
+                        {attr.name}
+                      </span>
+                    </div>
                     <div>{attr.value}</div>
                   </div>
               ))}