From 336ee60a39dab2aa1e09529c4e1df5d3e81f6f79 Mon Sep 17 00:00:00 2001
From: Nikan Dalvand <nikandalvand@gmail.com>
Date: Sun, 28 Jul 2019 15:12:47 +0430
Subject: [PATCH] Added bounce effect to the scrollbar '

---
 src/renderer/layouts/DockableSidebar.vue | 4 +++-
 src/renderer/layouts/HomePage.vue        | 5 +++--
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/src/renderer/layouts/DockableSidebar.vue b/src/renderer/layouts/DockableSidebar.vue
index b368367..e8e80ca 100644
--- a/src/renderer/layouts/DockableSidebar.vue
+++ b/src/renderer/layouts/DockableSidebar.vue
@@ -127,6 +127,8 @@ import Logo from '../components/Logo'
 import { mapActions, mapGetters } from 'vuex'
 import Button from '../components/Button'
 import Scrollbar from 'smooth-scrollbar'
+import OverscrollPlugin from 'smooth-scrollbar/plugins/overscroll'
+Scrollbar.use(OverscrollPlugin)
 export default {
   name: 'DockableSidebar',
   components: { MenuGroup, MenuItem, Logo, Button },
@@ -135,7 +137,7 @@ export default {
   },
   mounted () {
     let container = this.$el.getElementsByClassName('sidebar')[0]
-    Scrollbar.init(container)
+    Scrollbar.init(container, { overscrollEffect: 'bounce', continuousScrolling: true })
   },
   methods: {
     ...mapActions(['toggleMenuStatus'])
diff --git a/src/renderer/layouts/HomePage.vue b/src/renderer/layouts/HomePage.vue
index 2bf1379..8b0838b 100644
--- a/src/renderer/layouts/HomePage.vue
+++ b/src/renderer/layouts/HomePage.vue
@@ -69,13 +69,14 @@ import Button from '../components/Button'
 import carousel from 'vue-owl-carousel'
 import MusicBox from '../components/MusicBox'
 import Scrollbar from 'smooth-scrollbar'
-
+import OverscrollPlugin from 'smooth-scrollbar/plugins/overscroll'
+Scrollbar.use(OverscrollPlugin)
 export default {
   name: 'HomePage',
   components: { ActionBar, MusicRow, List, ListItem, Button, carousel, MusicBox },
   mounted () {
     let container = this.$el
-    Scrollbar.init(container)
+    Scrollbar.init(container, { overscrollEffect: 'bounce', continuousScrolling: true })
   },
   data: () => {
     return {