From edf736b2e6086d997da8c8d5b75dcc043654ca4f Mon Sep 17 00:00:00 2001
From: shinee <shineetejolpatro@gmail.com>
Date: Fri, 3 Jul 2026 02:42:29 +0530
Subject: [PATCH 1/2] fix: prevent rank change tooltip from overlapping sticky
 header

---
 frontend/styles/main.css | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/frontend/styles/main.css b/frontend/styles/main.css
index 108c72a1..0ae71419 100644
--- a/frontend/styles/main.css
+++ b/frontend/styles/main.css
@@ -2861,7 +2861,8 @@ body::-webkit-scrollbar-thumb {
 .rank-change[data-tooltip]::before {
   content: attr(data-tooltip);
   position: absolute;
-  bottom: 140%;
+  bottom: 140%;      /* Default position */
+  top: auto;
   left: 50%;
   transform: translateX(-50%);
   background: var(--bg-raised);
@@ -2879,6 +2880,11 @@ body::-webkit-scrollbar-thumb {
   transition: opacity 0.15s ease-in-out;
   box-shadow: 0 0 15px rgba(0, 255, 65, 0.2);
 }
+/* Prevent tooltip from overlapping the sticky header */
+.leaderboard-row:nth-child(-n + 3) .rank-change[data-tooltip]::before {
+  top: 140%;
+  bottom: auto;
+}
 
 .rank-change[data-tooltip]:hover::before {
   opacity: 1;

From fc28d0c87ed5c546a8fd8d4fa562946ff486c066 Mon Sep 17 00:00:00 2001
From: Jagdish Prajapati <jagadishdrp@gmail.com>
Date: Sat, 4 Jul 2026 02:21:46 +0530
Subject: [PATCH 2/2] Enhance tooltip styles with hover effects

Added hover effects and z-index adjustments for tooltips.
---
 frontend/styles/main.css | 18 ++++++++++++------
 1 file changed, 12 insertions(+), 6 deletions(-)

diff --git a/frontend/styles/main.css b/frontend/styles/main.css
index 0ae71419..da05b7db 100644
--- a/frontend/styles/main.css
+++ b/frontend/styles/main.css
@@ -2297,6 +2297,14 @@ body::-webkit-scrollbar-thumb {
   }
 }
 
+.tooltip-score:hover {
+  z-index: 100;
+}
+
+.tooltip-score.active {
+  z-index: 100;
+}
+
 .tooltip-score.active .score-tooltip {
   opacity: 1;
   visibility: visible;
@@ -2861,8 +2869,7 @@ body::-webkit-scrollbar-thumb {
 .rank-change[data-tooltip]::before {
   content: attr(data-tooltip);
   position: absolute;
-  bottom: 140%;      /* Default position */
-  top: auto;
+  bottom: 140%;
   left: 50%;
   transform: translateX(-50%);
   background: var(--bg-raised);
@@ -2880,10 +2887,9 @@ body::-webkit-scrollbar-thumb {
   transition: opacity 0.15s ease-in-out;
   box-shadow: 0 0 15px rgba(0, 255, 65, 0.2);
 }
-/* Prevent tooltip from overlapping the sticky header */
-.leaderboard-row:nth-child(-n + 3) .rank-change[data-tooltip]::before {
-  top: 140%;
-  bottom: auto;
+
+.rank-change[data-tooltip]:hover {
+  z-index: 100;
 }
 
 .rank-change[data-tooltip]:hover::before {