Added JQuery Nice Scroll

Author: goxr3plus

Gemfile

@@ -19,6 +19,7 @@ gem 'turbolinks',   '5.0.1'
 gem 'jbuilder',     '2.7.0'
 gem 'email_validator', '~> 1.6'
 gem 'figaro'
+gem 'nicescroll-rails', '~> 3.5', '>= 3.5.4.1'
 
 group :development, :test do
   gem 'sqlite3', '1.3.13'

Gemfile.lock

@@ -296,6 +296,8 @@ GEM
     multi_json (1.12.2)
     nenv (0.3.0)
     netrc (0.11.0)
+    nicescroll-rails (3.5.4.1)
+      railties (>= 3.1)
     nio4r (2.2.0)
     nokogiri (1.8.1-x64-mingw32)
       mini_portile2 (~> 2.3.0)
@@ -430,6 +432,7 @@ DEPENDENCIES
   mini_magick (= 4.8.0)
   minitest (= 5.10.3)
   minitest-reporters (= 1.1.19)
+  nicescroll-rails (~> 3.5, >= 3.5.4.1)
   nokogiri (= 1.8.1)
   pg (= 0.18.4)
   puma (= 3.9.1)

app/assets/javascripts/application.js

@@ -10,8 +10,18 @@
 // Read Sprockets README (https://github.com/rails/sprockets#sprockets-directives) for details
 // about supported directives.
 //
+
 //= require jquery
-//= require bootstrap
-//= require rails-ujs
+//= require jquery_ujs
 //= require turbolinks
 //= require_tree .
+//= require bootstrap
+//= require jquery.nicescroll
+
+// 1. Simple mode, it styles document scrollbar:
+// var nice = false;
+$(function() {
+    $("body").niceScroll();
+    // nice = $("body").niceScroll();
+});
+// console.log(nice);

app/assets/stylesheets/custom.scss

@@ -1,6 +1,20 @@
 @import "bootstrap-sprockets";
 @import "bootstrap";
 
+//
+// ::-webkit-scrollbar-track {
+//     -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .4);
+//     background-color: #CFCFCF
+// }
+// ::-webkit-scrollbar {
+//     width: 12px;
+//     background-color: #F5F5F5
+// }
+// ::-webkit-scrollbar-thumb {
+//     background-color: #2C3E50
+// }
+
+
 /* mixins, variables, etc. */
 $gray-medium-light: #eaeaea;