From b8b66c28dae9f245eac3918b4f03c3c97178d75a Mon Sep 17 00:00:00 2001
From: alext <alextselegidis@gmail.com>
Date: Wed, 15 Nov 2017 17:21:59 +0100
Subject: [PATCH] Backend notifications shall be floating.

---
 src/assets/css/backend.css | 12 ++++++++++--
 src/assets/js/backend.js   |  6 +++---
 2 files changed, 13 insertions(+), 5 deletions(-)

diff --git a/src/assets/css/backend.css b/src/assets/css/backend.css
index 7bf008c9..151af5bc 100644
--- a/src/assets/css/backend.css
+++ b/src/assets/css/backend.css
@@ -105,9 +105,17 @@ root {
 }
 
 #notification .alert {
-    margin-bottom: 0px;
-    background-color: #FCF8E3;
+    margin-bottom: 0;
+    background-color: #f1df83;
     color: #9E9980;
+    box-shadow: 1px 1px 3px #a0a0a0;
+    padding: 15px;
+    position: absolute;
+    z-index: 200;
+    right: 15px;
+    bottom: 15px;
+    min-width: 300px;
+    max-width: 750px;
 }
 
 #notification .close {
diff --git a/src/assets/js/backend.js b/src/assets/js/backend.js
index 7da2acd8..5219f0b8 100644
--- a/src/assets/js/backend.js
+++ b/src/assets/js/backend.js
@@ -110,8 +110,8 @@ window.Backend = window.Backend || {};
         if (actions === undefined) {
             actions = [];
             setTimeout(function() {
-                $('#notification').slideUp('slow');
-            }, 7000);
+                $('#notification').fadeIn();
+            }, 5000);
         }
 
         var customActionsHtml = '';
@@ -135,7 +135,7 @@ window.Backend = window.Backend || {};
                 '</div>';
 
         $('#notification').html(notificationHtml);
-        $('#notification').show('blind');
+        $('#notification').show('fade');
     }
 
 })(window.Backend);