Update

Author: accgit

css/style.dashboard.css

@@ -162,6 +162,14 @@ table td.action-buttons a:hover {
     color: #9e9e9e;
 }
 
+/* message
+   ========================================================================== */
+.close-message {
+    float: right;
+    cursor: pointer;
+    margin-top: -2px;
+}
+
 @media only screen and (min-width: 768px) {
 
     .content .box {

package-lock.json

@@ -1,6 +1,6 @@
 {
 	"name": "css-ui-dashboard",
-	"version": "1.1.2",
+	"version": "1.1.3",
 	"description": "Simple and fast dashboard template.",
 	"main": "css/style.dashboard.css",
 	"repository": {

package.json

@@ -160,12 +160,15 @@ javascript libraries and plugins.
 Activating the scrollbar on the tables.
 
 ```html
+<!-- css scrollbar -->
 <link rel="stylesheet" href="path/to/style.scrollbar.css">
+
+<!-- html use class -->
 <div class="scrollbar table">
-	<table>
-		...
-	</table>
+	<table>...</table>
 </div>
+
+<!-- javascript scrollbar -->
 <script>
 	$(function() {
 
@@ -176,4 +179,26 @@ Activating the scrollbar on the tables.
 </script>
 ```
 
+How to close the displayed message.
+
+```html
+<!-- html message -->
+<p class="message info">
+	Message...
+	<span class="close-message">
+		<i class="fa fa-times" aria-hidden="true"></i>
+	</span>
+</p>
+
+<!-- javascript close message -->
+<script>
+	$(function() {
+
+		$('.close-message').on('click', function() {
+			$(this).parent().fadeOut('slow');
+		});
+	});
+</script>
+```
+
 Enjoy dashboard.