Fix the flash messages not showing up, styling #126

public/assets/admin/vendor/sass/paper/_alerts.scss

@@ -4,10 +4,10 @@
     color: #FFFFFF;
     padding: 10px 15px;
     font-size: 14px;
-    
+
     .container &{
         border-radius: 4px;
-    
+
     }
     .navbar &{
         border-radius: 0;
@@ -21,7 +21,7 @@
     .navbar:not(.navbar-transparent) &{
         top: 70px;
     }
-    
+
     span[data-notify="icon"]{
         font-size: 30px;
         display: block;
@@ -30,17 +30,17 @@
         top: 50%;
         margin-top: -20px;
     }
-    
+
     .close ~ span{
         display: block;
         max-width: 89%;
     }
-    
+
     &[data-notify="container"]{
         padding: 10px 10px 10px 20px;
         border-radius: $border-radius-base;
     }
-    
+
     &.alert-with-icon{
         padding-left: 65px;
     }
@@ -58,7 +58,7 @@
     color: $warning-states-color;
 }
 .alert-danger {
-    background-color: $bg-danger;
+    background-color: $danger-color;
-    color: $danger-states-color;
+    color: #FFF;
 }
 

public/assets/admin/vendor/sass/paper/_variables.scss

@@ -246,7 +246,7 @@ $bg-primary:            #8ECFD5 !default;
 $bg-info:               #7CE4FE !default;
 $bg-success:            #8EF3C5 !default;
 $bg-warning:            #FFE28C !default;
-$bg-danger:             #FF8F5E !default;
+$bg-danger:             #FF4C40 !default;
 
 $topbar-x:             topbar-x !default;
 $topbar-back:          topbar-back !default;

public/mix-manifest.json

@@ -1,12 +1,12 @@
 {
-    "/assets/admin/vendor/paper-dashboard.css": "/assets/admin/vendor/paper-dashboard.css?id=0bf08426b7e1c27e23ab",
+    "/assets/admin/vendor/paper-dashboard.css": "/assets/admin/vendor/paper-dashboard.css?id=c7165b52e34cc899c789",
     "/assets/frontend/css/now-ui-kit.css": "/assets/frontend/css/now-ui-kit.css?id=58ec3dc768f07fee143a",
     "/assets/system/js/jquery.js": "/assets/system/js/jquery.js?id=09dd64a64ba840c31a81",
     "/assets/fonts/glyphicons-halflings-regular.woff2": "/assets/fonts/glyphicons-halflings-regular.woff2?id=b5b5055c6d812c0f9f0d",
     "/assets/admin/fonts/glyphicons-halflings-regular.woff2": "/assets/admin/fonts/glyphicons-halflings-regular.woff2?id=b5b5055c6d812c0f9f0d",
     "/assets/admin/css/clear.png": "/assets/admin/css/clear.png?id=0e92f4c3efc6988a3c96",
     "/assets/admin/css/loading.gif": "/assets/admin/css/loading.gif?id=90a4b76b4f11558691f6",
-    "/assets/admin/css/vendor.min.css": "/assets/admin/css/vendor.min.css?id=66c7272ac19511126b55",
+    "/assets/admin/css/vendor.min.css": "/assets/admin/css/vendor.min.css?id=0a56ecb12ef288da20a9",
     "/assets/admin/js/vendor.js": "/assets/admin/js/vendor.js?id=0f6b516f7ea80d70d407",
     "/assets/admin/css/blue.png": "/assets/admin/css/blue.png?id=753a3c0dec86d3a38d9c",
     "/assets/admin/css/blue@2x.png": "/assets/admin/css/blue@2x.png?id=97da23d47b838cbd4bef",

resources/views/admin/flash/message.blade.php

@@ -1,30 +1,30 @@
-@foreach ($errors->all() as $message)
+@foreach (session('flash_notification', collect())->toArray() as $message)
-<div class="alert alert-danger" role="alert">
+    @if ($message['overlay'])
-    <div class="container">
+        @include('flash::modal', [
-        <div class="alert-icon">
+            'modalClass' => 'flash-modal',
-            <i class="now-ui-icons ui-2_like"></i>
+            'title'      => $message['title'],
-        </div>
+            'body'       => $message['message']
-        {!! $message !!}
+        ])
-    </div>
+    @else
-</div>
+        <div class="alert
-@endforeach
+                    alert-{{ $message['level'] }}
-@if (session()->has('flash_notification.message'))
+        {{ $message['important'] ? 'alert-important' : '' }}"
-    <div class="alert
+             role="alert"
-                alert-{{ session('flash_notification.level') }}
+        >
-    {{ session()->has('flash_notification.important') ? 'alert-important' : '' }}">
+            <div class="alert-icon">
-        @if(session()->has('flash_notification.important'))
+                <i class="now-ui-icons ui-2_like"></i>
-            <button type="button" class="close" data-dismiss="alert">&times;</button>
-        @endif
-
-            <div class="alert alert-danger" role="alert">
-                <div class="container">
-                    <div class="alert-icon">
-                        <i class="now-ui-icons ui-2_like"></i>
-                    </div>
-        {!! session('flash_notification.message') !!}
-                </div>
             </div>
+            @if ($message['important'])
+            @endif
+            <button type="button"
+                    class="close"
+                    data-dismiss="alert"
+                    aria-hidden="true">&times;</button>
+
+            {!! $message['message'] !!}
+
         </div>
-    </div>
+    @endif
-@endif
+@endforeach
+
 {{ session()->forget('flash_notification') }}