Commit 0bb82478 authored by Tae Hoon's avatar Tae Hoon

fix double scrollbar display bug in mobile

parent e97f8a47
......@@ -39,7 +39,14 @@ export default {
window.CSS.supports('-moz-mask-size', 'contain') ||
window.CSS.supports('-ms-mask-size', 'contain') ||
window.CSS.supports('-o-mask-size', 'contain')
)
),
isMobile: navigator.userAgent.match(/Android/i) ||
navigator.userAgent.match(/webOS/i) ||
navigator.userAgent.match(/iPhone/i) ||
navigator.userAgent.match(/iPad/i) ||
navigator.userAgent.match(/iPod/i) ||
navigator.userAgent.match(/BlackBerry/i) ||
navigator.userAgent.match(/Windows Phone/i)
}),
created () {
// Load the locale from the storage
......
......@@ -839,3 +839,14 @@ nav {
.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;
}
}
<template>
<div id="app" v-bind:style="bgAppStyle">
<div id="app" v-bind:style="bgAppStyle" v-bind:class="{ mobile: isMobile }">
<div class="app-bg-wrapper" v-bind:style="bgStyle"></div>
<MobileNav v-if="isMobileLayout" />
<nav v-else class='nav-bar container' @click="scrollToTop()" id="nav">
......
......@@ -102,8 +102,8 @@
}
&-right {
overflow-y: auto;
overflow-x: hidden;
display: flex;
flex-direction: column;
}
&-sitem {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment