Update

css-ui · Feb 1, 2019 · a43f281 · a43f281
1 parent cfb708b
commit a43f281
Show file tree

Hide file tree

Showing 4 changed files with 55 additions and 2 deletions.
diff --git a/css/style.scrollbar.css 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
diff --git 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
@@ -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.