From 8c02c33143403cfe6fe5de26cc1e27fd593bfc5d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Niels=20Lyngs=C3=B8?= <nsl@umbraco.dk>
Date: Wed, 5 Feb 2020 11:16:31 +0100
Subject: [PATCH] style create-bar

---
 .../blocklist/blocklist.component.less             | 14 ++++++++++----
 1 file changed, 10 insertions(+), 4 deletions(-)

diff --git a/src/Umbraco.Web.UI.Client/src/views/propertyeditors/blocklist/blocklist.component.less b/src/Umbraco.Web.UI.Client/src/views/propertyeditors/blocklist/blocklist.component.less
index 8708fdf000..02670e88b0 100644
--- a/src/Umbraco.Web.UI.Client/src/views/propertyeditors/blocklist/blocklist.component.less
+++ b/src/Umbraco.Web.UI.Client/src/views/propertyeditors/blocklist/blocklist.component.less
@@ -132,8 +132,8 @@ label.umb-block-list__block--head {
         right: 0;
         left: 0;
         height: 2px;
-        animation: umb-block-list__block--create-button 800ms ease-in-out infinite;
-        @keyframes umb-block-list__block--create-button {
+        animation: umb-block-list__block--create-button_before 800ms ease-in-out infinite;
+        @keyframes umb-block-list__block--create-button_before {
             0%   { opacity: 0.5; }
             50% { opacity: 1; }
             100% { opacity: 0.5; }
@@ -143,8 +143,8 @@ label.umb-block-list__block--head {
         content: "+";
         margin-left: auto;
         margin-right: auto;
-        margin-top: -16px;
-        margin-bottom: -16px;
+        margin-top: -18px;
+        margin-bottom: -18px;
         width: 28px;
         height: 25px;
         padding-bottom: 3px;
@@ -160,6 +160,12 @@ label.umb-block-list__block--head {
         box-shadow: 0 0 0 2px rgba(255, 255, 255, .96);
         transform: scale(0);
         transition: transform 240ms ease-in;
+        animation: umb-block-list__block--create-button_after 800ms ease-in-out infinite;
+        @keyframes umb-block-list__block--create-button_after {
+            0%   { color: rgba(@ui-outline, 0.8); }
+            50% { color: rgba(@ui-outline, 1); }
+            100% { color: rgba(@ui-outline, 0.8); }
+        }
     }
     &:focus {
         &::after {