Keyframe animation for task log sidebar

hashicorp · Sep 21, 2022 · 97fd8d3 · 97fd8d3
1 parent 3aaec14
commit 97fd8d3
Showing 1 changed file with 13 additions and 0 deletions.
diff --git a/ui/app/styles/components/sidebar.scss b/ui/app/styles/components/sidebar.scss
@@ -58,6 +58,10 @@ $subNavOffset: 49px;
 }
 
 .task-context-sidebar {
+  animation-name: slideFromRight;
+  animation-duration: 150ms;
+  animation-fill-mode: both;
+
   header {
     display: grid;
     justify-content: left;
@@ -118,3 +122,12 @@ $subNavOffset: 49px;
     );
   }
 }
+
+@keyframes slideFromRight {
+  from {
+    transform: translateX(100%);
+  }
+  to {
+    transform: translateX(0%);
+  }
+}