From ba7ffdb523dcdfc6fb04e32586557fd8b6b517c6 Mon Sep 17 00:00:00 2001 From: eli-w-king Date: Mon, 9 Feb 2026 13:26:50 -0800 Subject: [PATCH] faster transitions --- src/vs/base/browser/ui/motion/motion.ts | 8 ++++---- src/vs/workbench/browser/media/motion.css | 8 ++++---- 2 files changed, 8 insertions(+), 8 deletions(-) diff --git a/src/vs/base/browser/ui/motion/motion.ts b/src/vs/base/browser/ui/motion/motion.ts index cd7a9a05ab4..5a1cfa28a5a 100644 --- a/src/vs/base/browser/ui/motion/motion.ts +++ b/src/vs/base/browser/ui/motion/motion.ts @@ -11,23 +11,23 @@ import './motion.css'; * Duration in milliseconds for panel open (entrance) animations. * Per Fluent 2 Enter/Exit pattern - entrance should feel smooth but not sluggish. */ -export const PANEL_OPEN_DURATION = 300; +export const PANEL_OPEN_DURATION = 200; /** * Duration in milliseconds for panel close (exit) animations. * Exits are faster than entrances - feels snappy and responsive. */ -export const PANEL_CLOSE_DURATION = 200; +export const PANEL_CLOSE_DURATION = 75; /** * Duration in milliseconds for quick input open (entrance) animations. */ -export const QUICK_INPUT_OPEN_DURATION = 250; +export const QUICK_INPUT_OPEN_DURATION = 125; /** * Duration in milliseconds for quick input close (exit) animations. */ -export const QUICK_INPUT_CLOSE_DURATION = 150; +export const QUICK_INPUT_CLOSE_DURATION = 75; //#endregion diff --git a/src/vs/workbench/browser/media/motion.css b/src/vs/workbench/browser/media/motion.css index 5d22a5e4677..75581b1bb93 100644 --- a/src/vs/workbench/browser/media/motion.css +++ b/src/vs/workbench/browser/media/motion.css @@ -5,10 +5,10 @@ /* Motion custom properties -- only active when motion is enabled */ .monaco-workbench.monaco-enable-motion { - --vscode-motion-panel-open-duration: 300ms; - --vscode-motion-panel-close-duration: 200ms; - --vscode-motion-quick-input-open-duration: 250ms; - --vscode-motion-quick-input-close-duration: 150ms; + --vscode-motion-panel-open-duration: 200ms; + --vscode-motion-panel-close-duration: 75ms; + --vscode-motion-quick-input-open-duration: 125ms; + --vscode-motion-quick-input-close-duration: 75ms; --vscode-motion-ease-out: cubic-bezier(0.1, 0.9, 0.2, 1); --vscode-motion-ease-in: cubic-bezier(0.9, 0.1, 1, 0.2); }