Update

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.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": {

readme.md

@@ -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.