From c4cf3cf5ea6fe4d6144f3f0ee483471d15709acf Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Niels=20Lyngs=C3=B8?= <nsl@umbraco.dk>
Date: Mon, 16 Dec 2019 13:33:51 +0100
Subject: [PATCH] added motion to ensure attention brought to preview bar

---
 .../src/less/canvas-designer.less                | 16 ++++++++++++++++
 1 file changed, 16 insertions(+)

diff --git a/src/Umbraco.Web.UI.Client/src/less/canvas-designer.less b/src/Umbraco.Web.UI.Client/src/less/canvas-designer.less
index 036a2f4424..594f1897d7 100644
--- a/src/Umbraco.Web.UI.Client/src/less/canvas-designer.less
+++ b/src/Umbraco.Web.UI.Client/src/less/canvas-designer.less
@@ -45,8 +45,23 @@ body {
     font-size: 12px;
     line-height: 16px;
 
+    animation: menu-bar-animation 1.2s;
+    animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
+
 }
 
+@keyframes menu-bar-animation {
+    0% {
+        bottom: -50px;
+    }
+    40% {
+        bottom: -50px;
+    }
+    80% {
+        bottom: 0px;
+    }
+  }
+
 .menu-bar__right-part {
     float: right;
     display: flex;
@@ -71,6 +86,7 @@ body {
     border:none;
     background-color: @blueExtraDark;
 
+    text-align: left;
     font: inherit;
     color: inherit;
     cursor: pointer;