diff --git a/src/vs/sessions/browser/media/openInVSCode.css b/src/vs/sessions/browser/media/openInVSCode.css index 4d704eab2c4ce..83871b32667e9 100644 --- a/src/vs/sessions/browser/media/openInVSCode.css +++ b/src/vs/sessions/browser/media/openInVSCode.css @@ -56,7 +56,7 @@ .monaco-enable-motion .monaco-workbench .open-in-vscode-titlebar-widget > .open-in-vscode-titlebar-widget-icon, .monaco-workbench.monaco-enable-motion .open-in-vscode-titlebar-widget > .open-in-vscode-titlebar-widget-icon { - transition: filter 150ms ease; + transition: filter 160ms ease; } .monaco-reduce-motion .monaco-workbench .open-in-vscode-titlebar-widget > .open-in-vscode-titlebar-widget-icon, @@ -82,7 +82,15 @@ .monaco-enable-motion .monaco-workbench .open-in-vscode-titlebar-widget > .open-in-vscode-titlebar-widget-label, .monaco-workbench.monaco-enable-motion .open-in-vscode-titlebar-widget > .open-in-vscode-titlebar-widget-label { - transition: max-width 150ms ease, opacity 150ms ease, margin-left 150ms ease; + transition: max-width 160ms ease, opacity 160ms ease, margin-left 160ms ease; + transition-delay: 200ms; +} + +.monaco-enable-motion .monaco-workbench .open-in-vscode-titlebar-widget:hover > .open-in-vscode-titlebar-widget-label, +.monaco-enable-motion .monaco-workbench .open-in-vscode-titlebar-widget:focus-visible > .open-in-vscode-titlebar-widget-label, +.monaco-workbench.monaco-enable-motion .open-in-vscode-titlebar-widget:hover > .open-in-vscode-titlebar-widget-label, +.monaco-workbench.monaco-enable-motion .open-in-vscode-titlebar-widget:focus-visible > .open-in-vscode-titlebar-widget-label { + transition-delay: 0ms; } .monaco-reduce-motion .monaco-workbench .open-in-vscode-titlebar-widget > .open-in-vscode-titlebar-widget-label, diff --git a/src/vs/workbench/contrib/chat/electron-browser/agentSessions/media/openInAgents.css b/src/vs/workbench/contrib/chat/electron-browser/agentSessions/media/openInAgents.css index d544c03df5cfc..c5f4913836309 100644 --- a/src/vs/workbench/contrib/chat/electron-browser/agentSessions/media/openInAgents.css +++ b/src/vs/workbench/contrib/chat/electron-browser/agentSessions/media/openInAgents.css @@ -40,7 +40,11 @@ background-size: contain; /* Keep desaturated for legibility against light/dark titlebar backgrounds; brighten on hover/focus. */ filter: grayscale(1); - transition: filter 150ms ease; +} + +.monaco-enable-motion .monaco-workbench .open-in-agents-titlebar-widget > .open-in-agents-titlebar-widget-icon, +.monaco-workbench.monaco-enable-motion .open-in-agents-titlebar-widget > .open-in-agents-titlebar-widget-icon { + transition: filter 160ms ease; } .monaco-workbench .open-in-agents-titlebar-widget:hover > .open-in-agents-titlebar-widget-icon, @@ -57,7 +61,12 @@ font: inherit; overflow: hidden; white-space: nowrap; - transition: max-width 150ms ease, opacity 150ms ease, margin-left 150ms ease; +} + +.monaco-enable-motion .monaco-workbench .open-in-agents-titlebar-widget > .open-in-agents-titlebar-widget-label, +.monaco-workbench.monaco-enable-motion .open-in-agents-titlebar-widget > .open-in-agents-titlebar-widget-label { + transition: max-width 160ms ease, opacity 160ms ease, margin-left 160ms ease; + transition-delay: 200ms; } .monaco-workbench .open-in-agents-titlebar-widget:hover, @@ -73,6 +82,13 @@ margin-left: 6px; } +.monaco-enable-motion .monaco-workbench .open-in-agents-titlebar-widget:hover > .open-in-agents-titlebar-widget-label, +.monaco-enable-motion .monaco-workbench .open-in-agents-titlebar-widget:focus-visible > .open-in-agents-titlebar-widget-label, +.monaco-workbench.monaco-enable-motion .open-in-agents-titlebar-widget:hover > .open-in-agents-titlebar-widget-label, +.monaco-workbench.monaco-enable-motion .open-in-agents-titlebar-widget:focus-visible > .open-in-agents-titlebar-widget-label { + transition-delay: 0ms; +} + .monaco-workbench .open-in-agents-titlebar-widget:focus-visible { outline: 1px solid var(--vscode-focusBorder); outline-offset: -1px;