Fix for stacking notifications

Video player just plays over the top
Max-height set on footer to display 3 stacked messages

dashboard-ui/css/site.css

@@ -683,6 +683,7 @@ h1 .imageLink {
     z-index: 99997;
     color: #fff;
     border: 0 !important;
+    max-height: 200px;
 }
 
 .footerNotification {

dashboard-ui/scripts/mediaplayer-video.js

@@ -234,7 +234,7 @@
 
             $("#videoBackdrop", footer).show();
 
-            footer.css("height", "0");
+            footer.css("top", "101%");
 
             var videoPlayer = $("#videoPlayer", footer)
                 //.hide()

dashboard-ui/scripts/site.js

@@ -292,7 +292,7 @@ var Dashboard = {
 
         options.id = options.id || "notification" + new Date().getTime() + parseInt(Math.random());
 
-        var footer = $("#footer");
+        var footer = $("#footer").css("top", "initial").show();
 
         var parentElem = $('#footerNotifications', footer);
 
@@ -312,22 +312,6 @@ var Dashboard = {
             elem.slideDown(400);
         }
 
-        var videoBackdrop = $("#videoBackdrop");
-
-        var isPlaying = false;
-
-        if (videoBackdrop.is(":visible")) {
-
-            videoBackdrop.css("bottom", "48px");
-
-            isPlaying = true;
-
-        } else {
-
-            footer.show();
-
-        }
-
         elem.html(options.html).trigger("create");
 
         if (options.timeout) {
@@ -344,16 +328,15 @@ var Dashboard = {
         }
 
         footer.on("notification.remove notification.hide", function (e) {
+
             setTimeout(function () { // give the DOM time to catch up
-                if (parentElem.html() == "") {
-                    if (!isPlaying) {
+
+                if (!parentElem.html()) {
                     footer.slideUp();
-                    } else {
-                        footer.css({ height: "0" });
-                        videoBackdrop.animate({ bottom: "0" }, 400);
-                    }
                 }
+
             }, 50);
+
         });
     },