From c66c5b6e75ec47e857bae36e429723508a5cae9f Mon Sep 17 00:00:00 2001
From: syuilo <syuilotan@yahoo.co.jp>
Date: Wed, 17 Oct 2018 03:47:32 +0900
Subject: [PATCH] Fix bug
---
src/client/app/desktop/views/components/ui.vue | 11 ++++++++---
1 file changed, 8 insertions(+), 3 deletions(-)
diff --git a/src/client/app/desktop/views/components/ui.vue b/src/client/app/desktop/views/components/ui.vue
index bd86dd371f..18465922f2 100644
--- a/src/client/app/desktop/views/components/ui.vue
+++ b/src/client/app/desktop/views/components/ui.vue
@@ -2,8 +2,8 @@
<div class="mk-ui" v-hotkey.global="keymap">
<div class="bg" v-if="$store.getters.isSignedIn && $store.state.i.wallpaperUrl" :style="style"></div>
<x-header class="header" v-if="navbar == 'top'" v-show="!zenMode" ref="header"/>
- <x-sidebar class="sidebar" v-if="navbar != 'top'" ref="sidebar"/>
- <div class="content" :class="[{ sidebar: navbar != 'top' }, navbar]">
+ <x-sidebar class="sidebar" v-if="navbar != 'top'" v-show="!zenMode" ref="sidebar"/>
+ <div class="content" :class="[{ sidebar: navbar != 'top', zen: zenMode }, navbar]">
<slot></slot>
</div>
<mk-stream-indicator v-if="$store.getters.isSignedIn"/>
@@ -73,7 +73,9 @@ export default Vue.extend({
toggleZenMode() {
this.zenMode = !this.zenMode;
this.$nextTick(() => {
- this.$store.commit('setUiHeaderHeight', this.$refs.header.$el.offsetHeight);
+ if (this.$refs.header) {
+ this.$store.commit('setUiHeaderHeight', this.$refs.header.$el.offsetHeight);
+ }
});
}
}
@@ -102,4 +104,7 @@ export default Vue.extend({
> .content.sidebar.right
padding-right 68px
+ > .content.zen
+ padding 0 !important
+
</style>