From fdb304505353a013dbd0a85627d5fd38c9445127 Mon Sep 17 00:00:00 2001
From: Tom Butcher <thomasbutcher15@gmail.com>
Date: Thu, 20 Aug 2026 22:00:31 +0100
Subject: [PATCH] Refactor Tooltip Timing and Enhance Dashboard Splitter Styles

- Reduced fade-out duration for tooltips from 500ms to 250ms and hide delay from 100ms to 10ms for improved responsiveness.
- Updated DashboardSidebarSplitter to include a new class for the content panel, enhancing layout flexibility and styling consistency.
- Adjusted CSS for cursor tooltip transitions to provide a smoother visual experience.
---
 assets/stylesheets/App.css                                 | 7 ++++++-
 .../Dashboard/common/DashboardSidebarSplitter.jsx          | 4 +++-
 src/components/Dashboard/context/TooltipContext.jsx        | 4 ++--
 3 files changed, 11 insertions(+), 4 deletions(-)

diff --git a/assets/stylesheets/App.css b/assets/stylesheets/App.css
index 7c94490a..705896c9 100644
--- a/assets/stylesheets/App.css
+++ b/assets/stylesheets/App.css
@@ -363,7 +363,7 @@ code {
 
 .cursor-tooltip {
   opacity: 0;
-  transition: opacity 0.5s ease;
+  transition: opacity 0.25s ease;
 }
 
 .cursor-tooltip.is-visible {
@@ -1558,3 +1558,8 @@ span.ant-skeleton-input.ant-skeleton-input-sm.text-skeleton {
   .ant-splitter-bar-dragger::after {
   content: none;
 }
+
+.dashboard-splitter.farmcontrol-splitter
+  .ant-splitter-panel.dashboard-splitter-content-panel {
+  flex-grow: 1 !important;
+}
diff --git a/src/components/Dashboard/common/DashboardSidebarSplitter.jsx b/src/components/Dashboard/common/DashboardSidebarSplitter.jsx
index 0e5e7464..10446090 100644
--- a/src/components/Dashboard/common/DashboardSidebarSplitter.jsx
+++ b/src/components/Dashboard/common/DashboardSidebarSplitter.jsx
@@ -208,7 +208,9 @@ const DashboardSidebarSplitter = ({ sidebar, children }) => {
         >
           {sidebarNode}
         </Splitter.Panel>
-        <Splitter.Panel min={320}>{children}</Splitter.Panel>
+        <Splitter.Panel min={320} className='dashboard-splitter-content-panel'>
+          {children}
+        </Splitter.Panel>
       </Splitter>
     </Layout>
   )
diff --git a/src/components/Dashboard/context/TooltipContext.jsx b/src/components/Dashboard/context/TooltipContext.jsx
index b5438881..7f4ea8ee 100644
--- a/src/components/Dashboard/context/TooltipContext.jsx
+++ b/src/components/Dashboard/context/TooltipContext.jsx
@@ -11,8 +11,8 @@ import CursorTooltip from '../common/CursorTooltip'
 
 const TooltipContext = createContext(null)
 
-const HIDE_DELAY_MS = 100
-const FADE_OUT_MS = 500
+const HIDE_DELAY_MS = 10
+const FADE_OUT_MS = 250
 
 export const TooltipProvider = ({ children }) => {
   const [content, setContent] = useState(null)