nikan
/
jukebox
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Fixed sidebar scoll issue

pull/7/head
Nikan Dalvand 2019-07-21 17:37:39 +04:30
parent d4ef91614c
commit 0c641557de
2 changed files with 5 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/renderer/App.vue
View File

@ -32,6 +32,7 @@ $lato-font-path: '/node_modules/lato-font/fonts'
@include lato-font('normal') @include lato-font('normal')
max-height: 100vh max-height: 100vh
user-select: none user-select: none
overflow: hidden
.page-wrapper .page-wrapper
flex-direction: column flex-direction: column

7
src/renderer/layouts/DockableSidebar.vue
View File

@ -151,12 +151,13 @@ section.sidebar
width: 250px width: 250px
max-width: 250px max-width: 250px
min-height: 100vh min-height: 100vh
max-height: 100vh
padding: 2rem 2rem 0rem 2rem padding: 2rem 2rem 0rem 2rem
box-sizing: border-box box-sizing: border-box
background-color: #fcfcfc background-color: #fcfcfc
display: flex display: flex
flex-direction: column flex-direction: column
overflow: auto overflow-y: auto
transition: width 300ms,transform 300ms,padding 500ms transition: width 300ms,transform 300ms,padding 500ms
.icon .icon
width: 18px width: 18px
@ -168,13 +169,13 @@ section.sidebar
@media(max-width: 1000px) @media(max-width: 1000px)
section.sidebar section.sidebar
width: 200px width: 200px
overflow: auto overflow-y: auto
padding: 1rem 1rem 0rem 1rem padding: 1rem 1rem 0rem 1rem
@media(max-width: 800px) @media(max-width: 800px)
section.sidebar section.sidebar
transform: translateX(-100%) transform: translateX(-100%)
width: 0 width: 0
overflow: hidden overflow-y: hidden
padding: 2rem 0rem 0rem 0rem padding: 2rem 0rem 0rem 0rem
section.handle section.handle
transform: translateY(0%) transform: translateY(0%)