diff --git a/css/info-panel.css b/css/info-panel.css index 2e0b985..60bef0c 100644 --- a/css/info-panel.css +++ b/css/info-panel.css @@ -801,12 +801,12 @@ } .focus-node-btn:hover { - /* Subtle glow state - no popout animation */ - background: var(--info-panel-accent-color, #74b9ff); - color: #fff; + /* Glow only - no background fill to reduce animation load */ + background: transparent; + color: var(--info-panel-accent-color, #74b9ff); /* Subtle glow effect */ - box-shadow: 0 2px 8px -2px var(--info-panel-accent-color, #74b9ff); + box-shadow: 0 0 12px -2px var(--info-panel-accent-color, #74b9ff); opacity: 1; } diff --git a/web/info-panel.css b/web/info-panel.css index 2e0b985..60bef0c 100644 --- a/web/info-panel.css +++ b/web/info-panel.css @@ -801,12 +801,12 @@ } .focus-node-btn:hover { - /* Subtle glow state - no popout animation */ - background: var(--info-panel-accent-color, #74b9ff); - color: #fff; + /* Glow only - no background fill to reduce animation load */ + background: transparent; + color: var(--info-panel-accent-color, #74b9ff); /* Subtle glow effect */ - box-shadow: 0 2px 8px -2px var(--info-panel-accent-color, #74b9ff); + box-shadow: 0 0 12px -2px var(--info-panel-accent-color, #74b9ff); opacity: 1; }