From 0c641557de24afa3efe808669b3ef7e76fab8c6c Mon Sep 17 00:00:00 2001 From: Nikan Dalvand Date: Sun, 21 Jul 2019 17:37:39 +0430 Subject: [PATCH] Fixed sidebar scoll issue --- src/renderer/App.vue | 1 + src/renderer/layouts/DockableSidebar.vue | 7 ++++--- 2 files changed, 5 insertions(+), 3 deletions(-) diff --git a/src/renderer/App.vue b/src/renderer/App.vue index ebfcf0d..3e352e7 100644 --- a/src/renderer/App.vue +++ b/src/renderer/App.vue @@ -32,6 +32,7 @@ $lato-font-path: '/node_modules/lato-font/fonts' @include lato-font('normal') max-height: 100vh user-select: none + overflow: hidden .page-wrapper flex-direction: column diff --git a/src/renderer/layouts/DockableSidebar.vue b/src/renderer/layouts/DockableSidebar.vue index ddda764..948c132 100644 --- a/src/renderer/layouts/DockableSidebar.vue +++ b/src/renderer/layouts/DockableSidebar.vue @@ -151,12 +151,13 @@ section.sidebar width: 250px max-width: 250px min-height: 100vh + max-height: 100vh padding: 2rem 2rem 0rem 2rem box-sizing: border-box background-color: #fcfcfc display: flex flex-direction: column - overflow: auto + overflow-y: auto transition: width 300ms,transform 300ms,padding 500ms .icon width: 18px @@ -168,13 +169,13 @@ section.sidebar @media(max-width: 1000px) section.sidebar width: 200px - overflow: auto + overflow-y: auto padding: 1rem 1rem 0rem 1rem @media(max-width: 800px) section.sidebar transform: translateX(-100%) width: 0 - overflow: hidden + overflow-y: hidden padding: 2rem 0rem 0rem 0rem section.handle transform: translateY(0%)