From a324d99e50a9900cdaa613a3920bac998560a96d Mon Sep 17 00:00:00 2001
From: Mads Rasmussen <mads@umbraco.com>
Date: Thu, 3 Sep 2015 12:26:45 +0200
Subject: [PATCH] fix up animations on tabs and properties to prevent "element
 jumping"

---
 .../src/less/components/umb-group-builder.less         | 10 ++++------
 1 file changed, 4 insertions(+), 6 deletions(-)

diff --git a/src/Umbraco.Web.UI.Client/src/less/components/umb-group-builder.less b/src/Umbraco.Web.UI.Client/src/less/components/umb-group-builder.less
index 6a5c5a22ab..8b3bbf20d8 100644
--- a/src/Umbraco.Web.UI.Client/src/less/components/umb-group-builder.less
+++ b/src/Umbraco.Web.UI.Client/src/less/components/umb-group-builder.less
@@ -14,18 +14,17 @@
   position: relative;
   padding: 10px 10px 5px 10px;
   box-sizing: border-box;
-  animation: fadeIn 0.5s;
-  //transition: height 0.5s;
-  //-webkit-transition: height 0.5s;
 }
 
 .umb-group-builder__group.-active {
   border-color: @blue;
+  animation: fadeIn 0.5s;
 }
 
 .umb-group-builder__group.-inherited {
   background: #FDFDFD;
   border-color: #F2F2F2;
+  animation: fadeIn 0.5s;
 }
 
 .umb-group-builder__group.-placeholder {
@@ -165,9 +164,6 @@ input.umb-group-builder__group-sort-value {
   border-radius: 5px;
   padding: 5px;
   box-sizing: border-box;
-  animation: fadeIn 0.5s;
-  transition: height 0.5s;
-  -webkit-transition: height 0.5s;
 }
 
 .umb-group-builder__property:hover {
@@ -180,11 +176,13 @@ input.umb-group-builder__group-sort-value {
   border-radius: 5px;
   cursor: pointer;
   align-items: center;
+  animation: fadeIn 0.5s;
 }
 
 .umb-group-builder__property.-inherited {
   border: transparent;
   background: #FDFDFD;
+  animation: fadeIn 0.5s;
 }
 
 .umb-group-builder__property.-inherited:hover {