From a387058fe36c6af037e55a783b62b4c7d8ebd7ed Mon Sep 17 00:00:00 2001
From: Alex Andreev <alex.andreev.email@gmail.com>
Date: Tue, 27 Apr 2021 15:23:57 +0300
Subject: [PATCH] Animating command palette entering

Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>
---
 src/renderer/components/animate/animate.scss                  | 2 +-
 src/renderer/components/command-palette/command-container.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/renderer/components/animate/animate.scss b/src/renderer/components/animate/animate.scss
index 6272e9f62b..ec5900e958 100644
--- a/src/renderer/components/animate/animate.scss
+++ b/src/renderer/components/animate/animate.scss
@@ -63,6 +63,6 @@
   }
 
   &.opacity-scale {
-    @include animate-opacity-scale;
+    @include animate-opacity-scale(100ms);
   }
 }
diff --git a/src/renderer/components/command-palette/command-container.tsx b/src/renderer/components/command-palette/command-container.tsx
index d74f00f8ef..848b7d7335 100644
--- a/src/renderer/components/command-palette/command-container.tsx
+++ b/src/renderer/components/command-palette/command-container.tsx
@@ -73,7 +73,7 @@ export class CommandContainer extends React.Component<{ clusterId?: string }> {
 
   render() {
     return (
-      <Dialog isOpen={!!this.commandComponent} animated={false} onClose={() => this.commandComponent = null} modal={false}>
+      <Dialog isOpen={!!this.commandComponent} animated={true} onClose={() => this.commandComponent = null} modal={false}>
         <div id="command-container">
           {this.commandComponent}
         </div>