Fixed U4-5664 Change icon overlay on system list views

src/Umbraco.Web.UI.Client/src/less/tree.less

@@ -38,7 +38,7 @@
 	background: #fff;
 	border-color: @blue;
 }
-.umb-tree li.current > div a, 
+.umb-tree li.current > div a,
 .umb-tree li.current > div i.icon{
 	color: white !important;
 	background: @blue;
@@ -145,7 +145,7 @@
 	padding-left: 35px;
 }
 
-.umb-tree .umb-tree-node-search {    
+.umb-tree .umb-tree-node-search {
     cursor:pointer;
     /*color:@turquoise;*/
 }
@@ -163,7 +163,7 @@
 }
 
 a.umb-options {
-	visibility: hidden;	
+	visibility: hidden;
 	cursor: pointer;
 	display: inline-block;
 	text-align: center;
@@ -276,6 +276,16 @@ div.is-container:before{
 	padding-top: 8px;
 }
 
+div.locked:before{
+	content:"\e0a7";
+	font-family: 'icomoon';
+	color: @red;
+	position: absolute;
+	font-size: 20px;
+	padding-left: 7px;
+	padding-top: 7px;
+}
+
 // Tree context menu
 // -------------------------
 .umb-actions {
@@ -401,7 +411,7 @@ div.is-container:before{
 
 
 
-// Loading Animation 
+// Loading Animation
 // ------------------------
 
 .umb-tree li div.l{
@@ -434,4 +444,3 @@ body.touch .umb-actions a{
 }
 
 body.touch a.umb-options i {margin-top: 20px;}
-

src/Umbraco.Web/Models/Trees/TreeNodeExtensions.cs

@@ -38,6 +38,18 @@
             }
         }
 
+        /// <summary>
+        /// Sets the node style to show that it is currently locked / non-deletable
+        /// </summary>
+        /// <param name="treeNode"></param>
+        public static void SetLockedStyle(this TreeNode treeNode)
+        {
+            if (treeNode.CssClasses.Contains("locked") == false)
+            {
+                treeNode.CssClasses.Add("locked");
+            }
+        }
+
         /// <summary>
         /// Sets the node style to show that it is has unpublished versions (but is currently published)
         /// </summary>

src/Umbraco.Web/Trees/DataTypeTreeController.cs

@@ -63,7 +63,7 @@ namespace Umbraco.Web.Trees
 
             if (systemIds.Contains(dt.Id))
             {
-                node.SetProtectedStyle();
+                node.Icon = "icon-thumbnail-list";
             }
 
             return node;