From a43f28140bd17ed1dfc5091322ffdafec847beff Mon Sep 17 00:00:00 2001
From: accgit <zdenek.papucik@gmail.com>
Date: Fri, 1 Feb 2019 13:50:19 +0100
Subject: [PATCH] Update

---
 css/style.scrollbar.css | 34 ++++++++++++++++++++++++++++++++++
 package-lock.json       |  2 +-
 package.json            |  2 +-
 readme.md               | 19 +++++++++++++++++++
 4 files changed, 55 insertions(+), 2 deletions(-)
 create mode 100644 css/style.scrollbar.css

diff --git a/css/style.scrollbar.css b/css/style.scrollbar.css
new file mode 100644
index 0000000..d52d963
--- /dev/null
+++ b/css/style.scrollbar.css
@@ -0,0 +1,34 @@
+
+/* scrollbar table
+   ========================================================================== */
+.scrollbar.table {
+    position: relative;
+    height: 200px;
+    overflow: auto;
+}
+
+.ps__thumb-x {
+    height: 7px;
+}
+
+.ps__rail-x:hover > .ps__thumb-x,
+.ps__rail-x:focus > .ps__thumb-x,
+.ps__rail-x.ps--clicking .ps__thumb-x {
+    height: 7px;
+}
+
+.ps__thumb-x {
+    background: #e0e0e0;
+}
+
+.ps__rail-x:hover > .ps__thumb-x,
+.ps__rail-x:focus > .ps__thumb-x,
+.ps__rail-x.ps--clicking .ps__thumb-x {
+    background: #e0e0e0;
+}
+
+.ps .ps__rail-x:hover,
+.ps .ps__rail-x:focus,
+.ps .ps__rail-x.ps--clicking {
+    background: none;
+}
diff --git a/package-lock.json b/package-lock.json
index ad8f122..33d2a27 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,6 +1,6 @@
 {
 	"name": "css-ui-dashboard",
-	"version": "1.1.1",
+	"version": "1.1.2",
 	"lockfileVersion": 1,
 	"requires": true,
 	"dependencies": {
diff --git a/package.json b/package.json
index da63cec..2ea76c3 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "css-ui-dashboard",
-	"version": "1.1.1",
+	"version": "1.1.2",
 	"description": "Simple and fast dashboard template.",
 	"main": "css/style.dashboard.css",
 	"repository": {
diff --git a/readme.md b/readme.md
index 596773e..09ce228 100644
--- a/readme.md
+++ b/readme.md
@@ -157,4 +157,23 @@ javascript libraries and plugins.
 </script>
 ```
 
+Activating the scrollbar on the tables.
+
+```html
+<link rel="stylesheet" href="path/to/style.scrollbar.css">
+<div class="scrollbar table">
+	<table>
+		...
+	</table>
+</div>
+<script>
+	$(function() {
+
+		$('.scrollbar.table').each(function() {
+			new PerfectScrollbar($(this)[0]);
+		});
+	});
+</script>
+```
+
 Enjoy dashboard.