From a8dded4f0a81428d8a09e765cde2166e1366f201 Mon Sep 17 00:00:00 2001 From: xidedix Date: Tue, 29 May 2018 18:21:03 +0200 Subject: [PATCH 1/3] fix(Sidebar): ps position issue --- src/components/Sidebar/SidebarMinimizer.vue | 11 +---------- src/components/Sidebar/SidebarNav.vue | 4 ++-- 2 files changed, 3 insertions(+), 12 deletions(-) diff --git a/src/components/Sidebar/SidebarMinimizer.vue b/src/components/Sidebar/SidebarMinimizer.vue index 5a3815bc..e34d548e 100644 --- a/src/components/Sidebar/SidebarMinimizer.vue +++ b/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') diff --git a/src/components/Sidebar/SidebarNav.vue b/src/components/Sidebar/SidebarNav.vue index 6c90d83f..76ac8ecd 100644 --- a/src/components/Sidebar/SidebarNav.vue +++ b/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 {