Merge pull request #5065 from umbraco/temp8-ui-change-notification-style

V8: UI changed notification style

src/Umbraco.Web.UI.Client/src/common/services/notifications.service.js

@@ -85,17 +85,17 @@ angular.module('umbraco.services')
 				nArray.push(item);
 
 				if(!item.sticky) {
-					$timeout(function() {
-						var found = _.find(nArray, function(i) {
-						return i.id === item.id;
-					});
-
-					if (found) {
-						var index = nArray.indexOf(found);
-						nArray.splice(index, 1);
-					}
-
-					}, 7000);
+					$timeout(
+                        function() {
+    						var found = _.find(nArray, function(i) {
+        						return i.id === item.id;
+        					});
+        					if (found) {
+        						var index = nArray.indexOf(found);
+        						nArray.splice(index, 1);
+        					}
+    					}
+                    , 10000);
 				}
 
 				return item;

src/Umbraco.Web.UI.Client/src/less/components/notifications/umb-notifications.less

@@ -22,7 +22,14 @@
     font-size: 14px;
     border: none;
     position: relative;
-    margin-bottom: 0;
+    border-radius: 10px;
+    margin: 10px;
+    
+    .close {
+        top: 0;
+        right: -6px;
+        opacity: 0.4;
+    }
 }
 
 .umb-notifications__notification.-extra-padding {