added motion to ensure attention brought to preview bar

2019-12-16 13:33:51 +01:00
parent b722ae2008
commit c4cf3cf5ea
1 changed files with 16 additions and 0 deletions
--- 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;