fix(Sidebar): ps position issue

Author: xidedix

src/components/Sidebar/SidebarMinimizer.vue

@@ -12,16 +12,7 @@ export default {
     },
     sidebarMinimize () {
       document.body.classList.toggle('sidebar-minimized')
-      const sidebar = document.querySelector('.sidebar-nav section')
-      if (sidebar) {
-        const toggleOn = sidebar.classList.toggle('ps');
-        sidebar.classList.toggle('ps-container', toggleOn);
-        sidebar.classList.toggle('ps--active-y', toggleOn);
-      }
-      const railY = document.querySelector('.ps__scrollbar-y-rail')
-      if (railY) {
-        railY.removeAttribute('style')
-      }
+      document.querySelector('.sidebar-nav section').classList.toggle('ps')
     },
     brandMinimize () {
       document.body.classList.toggle('brand-minimized')

src/components/Sidebar/SidebarNav.vue

@@ -77,7 +77,7 @@ export default {
     return {
       psSettings: {
         maxScrollbarLength: 200,
-        minScrollbarLength: 20,
+        minScrollbarLength: 40,
         suppressScrollX: true,
         wheelPropagation: false,
         interceptRailY: styles => ({ ...styles, height: 0 })
@@ -94,7 +94,7 @@ export default {
 
 <style scoped lang="css">
   .scroll-area {
-    position: relative;
+    position: absolute;
     height: 100%;
     margin: auto;
   }