|
|
|
@ -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;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|