From 8a1c52c8e1bc9529c2292bb04ee3816c86fef2cf Mon Sep 17 00:00:00 2001 From: Joao Moreno Date: Tue, 19 Sep 2017 22:04:10 +0200 Subject: [PATCH] panelview: animation --- .../base/browser/ui/splitview/panelview.css | 25 ++++++++++++++++++- 1 file changed, 24 insertions(+), 1 deletion(-) diff --git a/src/vs/base/browser/ui/splitview/panelview.css b/src/vs/base/browser/ui/splitview/panelview.css index 6dfe2379b16..e4853977a88 100644 --- a/src/vs/base/browser/ui/splitview/panelview.css +++ b/src/vs/base/browser/ui/splitview/panelview.css @@ -83,4 +83,27 @@ .monaco-panel-view .panel > .panel-body { overflow: hidden; flex: 1; -} \ No newline at end of file +} + +/* Animation */ + +.monaco-panel-view.animated .split-view-view { + transition-duration: 0.15s; + -webkit-transition-duration: 0.15s; + -moz-transition-duration: 0.15s; + transition-timing-function: ease-out; + -webkit-transition-timing-function: ease-out; + -moz-transition-timing-function: ease-out; +} + +.monaco-panel-view.animated.vertical .split-view-view { + transition-property: height; + -webkit-transition-property: height; + -moz-transition-property: height; +} + +.monaco-panel-view.animated.horizontal .split-view-view { + transition-property: width; + -webkit-transition-property: width; + -moz-transition-property: width; +}