From e93c628a0df2601d6ee240c6bd3cc1a0e2aff6c5 Mon Sep 17 00:00:00 2001
From: ecxtacy <dc.dhruvchouhan@gmail.com>
Date: Sun, 15 Oct 2023 11:16:39 +0530
Subject: [PATCH] enhancement: Smooth open/close animation for console

Fixes #2502

- Adds the CSS `transition` property to the console pane, so that
  open/close animation appears to be smooth.
---
 client/styles/layout/_ide.scss | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/client/styles/layout/_ide.scss b/client/styles/layout/_ide.scss
index bf7c5ae903..3c2f5e9de4 100644
--- a/client/styles/layout/_ide.scss
+++ b/client/styles/layout/_ide.scss
@@ -8,6 +8,11 @@
   z-index: 0;
 }
 
+// Select and animate the split-pane which covers the console
+.editor-preview-subpanel > div:last-child {
+  transition: 0.2s ease-in-out;
+}
+
 .editor-accessibility {
   @extend %hidden-element;
 }