From 221776bd755e261f02614fa0612ae0931eaa8763 Mon Sep 17 00:00:00 2001
From: Book Pauk <bookpauk@gmail.com>
Date: Thu, 17 Jan 2019 21:50:57 +0700
Subject: [PATCH] =?UTF-8?q?=D0=94=D0=BE=D0=B1=D0=B0=D0=B2=D0=B8=D0=BB=20?=
 =?UTF-8?q?=D0=BF=D1=80=D0=B0=D0=B2=D0=B8=D0=BB=D1=8C=D0=BD=D1=8B=D0=B9=20?=
 =?UTF-8?q?on-resize?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 client/components/App.vue                      | 3 +++
 client/components/Reader/Reader.vue            | 1 +
 client/components/Reader/TextPage/TextPage.vue | 4 +---
 3 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/client/components/App.vue b/client/components/App.vue
index 230442c6..4421c1b0 100644
--- a/client/components/App.vue
+++ b/client/components/App.vue
@@ -103,6 +103,9 @@ class App extends Vue {
         document.addEventListener('keydown', (event) => {
             this.keyHook(event);
         });        
+        window.addEventListener('resize', () => {
+            this.$root.$emit('resize');
+        });
     }
 
     mounted() {
diff --git a/client/components/Reader/Reader.vue b/client/components/Reader/Reader.vue
index 3417368a..421fabd1 100644
--- a/client/components/Reader/Reader.vue
+++ b/client/components/Reader/Reader.vue
@@ -173,6 +173,7 @@ class Reader extends Vue {
 
     toolBarToggle() {
         this.commit('reader/setToolBarActive', !this.toolBarActive);
+        this.$root.$emit('resize');
     }
 
     buttonClick(button) {
diff --git a/client/components/Reader/TextPage/TextPage.vue b/client/components/Reader/TextPage/TextPage.vue
index 215023e0..ea75348b 100644
--- a/client/components/Reader/TextPage/TextPage.vue
+++ b/client/components/Reader/TextPage/TextPage.vue
@@ -38,9 +38,7 @@ class TextPage extends Vue {
             this.$emit('book-pos-changed', {bookPos: newValue});
         }, 100);
 
-        window.addEventListener('resize', () => {
-            this.onResize();
-        });
+        this.$root.$on('resize', () => {this.$nextTick(this.onResize)});
     }
 
     mounted() {