From 13758418ac1df732ae558eb93f4cf347bb007536 Mon Sep 17 00:00:00 2001
From: Mads Rasmussen <mads@umbraco.com>
Date: Tue, 31 Jan 2017 10:14:17 +0100
Subject: [PATCH] add better load indicators

---
 .../views/common/overlays/treepicker/treepicker.html  | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/src/Umbraco.Web.UI.Client/src/views/common/overlays/treepicker/treepicker.html b/src/Umbraco.Web.UI.Client/src/views/common/overlays/treepicker/treepicker.html
index e2a0554b47..a4e8851b51 100644
--- a/src/Umbraco.Web.UI.Client/src/views/common/overlays/treepicker/treepicker.html
+++ b/src/Umbraco.Web.UI.Client/src/views/common/overlays/treepicker/treepicker.html
@@ -78,7 +78,12 @@
             </div>
 
             <!-- Body -->
-            <div class="umb-table-body">
+            <div class="umb-table-body" style="position: relative;">
+
+                <!-- Load indicator when the list has items -->
+                <div ng-if="miniListView.loading && miniListView.children.length > 0" style="position: absolute; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.7); z-index: 1;">
+                    <umb-load-indicator></umb-load-indicator>
+                </div>
 
                 <!-- Items -->
                 <div class="umb-table-row"
@@ -94,8 +99,8 @@
                     <div class="umb-table-cell">{{ child.name }}</div>
                 </div>
 
-                <!-- Loading -->
-                <div ng-if="miniListView.loading" class="umb-table-row" style="height: 40px; position: relative;">
+                <!-- Load indicator when the list doesn't have items' -->
+                <div ng-if="miniListView.loading && !miniListView.children" class="umb-table-row" style="height: 40px; position: relative;">
                     <umb-load-indicator></umb-load-indicator>
                 </div>