therwi/sunkkoma
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

use native scrollbar

Browse source
This commit is contained in:
taehoon 2019-04-29 14:37:08 -04:00
parent abad528dd4
commit 220a7e89d5
7 changed files with 5 additions and 68 deletions
Download patch file Download diff file Expand all files Collapse all files

50
src/App.scss
View file

@ -795,53 +795,3 @@ nav {
}
}
}
// Vuebar default style
.vb > .vb-dragger {
z-index: 5;
width: 12px;
right: 0;
}
.vb > .vb-dragger > .vb-dragger-styler {
backface-visibility: hidden;
transform: rotate3d(0,0,0,0);
background-color: $fallback--text;
background-color: var(--text, $fallback--text);
opacity: .1;
margin: 5px 5px 5px 0;
border-radius: 20px;
height: calc(100% - 10px);
display: block;
}
.vb.vb-scrolling-phantom > .vb-dragger > .vb-dragger-styler {
opacity: .3;
}
.vb > .vb-dragger:hover > .vb-dragger-styler {
opacity: .5;
margin: 0px;
height: 100%;
}
.vb.vb-dragging > .vb-dragger > .vb-dragger-styler {
opacity: .5;
margin: 0px;
height: 100%;
}
.vb.vb-dragging-phantom > .vb-dragger > .vb-dragger-styler {
opacity: .5;
}
// Disable vuebar and use native scrollbar in mobile device
#app.mobile {
.vb-content {
width: 100% !important;
padding-right: 0 !important;
}
.vb-dragger {
display: none;
}
}