Added UI fade out when bootstrap alerts are dismissed

This commit is contained in:
snipe 2017-11-08 03:13:18 -08:00
parent 35ee52212f
commit 9d44607b8f

View file

@ -1,6 +1,6 @@
@if ($errors->any()) @if ($errors->any())
<div class="col-md-12"> <div class="col-md-12">
<div class="alert alert-danger"> <div class="alert alert-danger fade in">
<button type="button" class="close" data-dismiss="alert">&times;</button> <button type="button" class="close" data-dismiss="alert">&times;</button>
<i class="fa fa-exclamation-circle faa-pulse animated"></i> <i class="fa fa-exclamation-circle faa-pulse animated"></i>
<strong>Error: </strong> <strong>Error: </strong>
@ -13,7 +13,7 @@
@if ($message = Session::get('status')) @if ($message = Session::get('status'))
<div class="col-md-12"> <div class="col-md-12">
<div class="alert alert-success"> <div class="alert alert-success fade in">
<button type="button" class="close" data-dismiss="alert">&times;</button> <button type="button" class="close" data-dismiss="alert">&times;</button>
<i class="fa fa-check faa-pulse animated"></i> <i class="fa fa-check faa-pulse animated"></i>
<strong>Success: </strong> <strong>Success: </strong>
@ -25,7 +25,7 @@
@if ($message = Session::get('success')) @if ($message = Session::get('success'))
<div class="col-md-12"> <div class="col-md-12">
<div class="alert alert-success"> <div class="alert alert-success fade in">
<button type="button" class="close" data-dismiss="alert">&times;</button> <button type="button" class="close" data-dismiss="alert">&times;</button>
<i class="fa fa-check faa-pulse animated"></i> <i class="fa fa-check faa-pulse animated"></i>
<strong>Success: </strong> <strong>Success: </strong>
@ -36,7 +36,7 @@
@if ($message = Session::get('error')) @if ($message = Session::get('error'))
<div class="col-md-12"> <div class="col-md-12">
<div class="alert alert alert-danger"> <div class="alert alert alert-danger fade in">
<button type="button" class="close" data-dismiss="alert">&times;</button> <button type="button" class="close" data-dismiss="alert">&times;</button>
<i class="fa fa-exclamation-circle faa-pulse animated"></i> <i class="fa fa-exclamation-circle faa-pulse animated"></i>
<strong>Error: </strong> <strong>Error: </strong>
@ -47,7 +47,7 @@
@if ($message = Session::get('warning')) @if ($message = Session::get('warning'))
<div class="col-md-12"> <div class="col-md-12">
<div class="alert alert-warning"> <div class="alert alert-warning fade in">
<button type="button" class="close" data-dismiss="alert">&times;</button> <button type="button" class="close" data-dismiss="alert">&times;</button>
<i class="fa fa-warning faa-pulse animated"></i> <i class="fa fa-warning faa-pulse animated"></i>
<strong>Warning: </strong> <strong>Warning: </strong>
@ -58,7 +58,7 @@
@if ($message = Session::get('info')) @if ($message = Session::get('info'))
<div class="col-md-12"> <div class="col-md-12">
<div class="alert alert-info"> <div class="alert alert-info fade in">
<button type="button" class="close" data-dismiss="alert">&times;</button> <button type="button" class="close" data-dismiss="alert">&times;</button>
<i class="fa fa-info-circle faa-pulse animated"></i> <i class="fa fa-info-circle faa-pulse animated"></i>
<strong>Info: </strong> <strong>Info: </strong>