diff --git a/client/components/Reader/TextPage/TextPage.vue b/client/components/Reader/TextPage/TextPage.vue index 6536d03f..4cd513cb 100644 --- a/client/components/Reader/TextPage/TextPage.vue +++ b/client/components/Reader/TextPage/TextPage.vue @@ -4,12 +4,12 @@
-
+
-
+
@@ -50,6 +50,9 @@ export default @Component({ settings: function() { this.debouncedLoadSettings(); }, + toggleLayout: function() { + this.updateLayout(); + }, }, }) class TextPage extends Vue { @@ -315,6 +318,7 @@ class TextPage extends Vue { this.$refs.main.focus(); this.toggleLayout = false; + this.updateLayout(); this.book = null; this.meta = null; this.fb2 = null; @@ -371,6 +375,16 @@ class TextPage extends Vue { } } + updateLayout() { + if (this.toggleLayout) { + this.$refs.scrollBox1.style.visibility = 'visible'; + this.$refs.scrollBox2.style.visibility = 'hidden'; + } else { + this.$refs.scrollBox1.style.visibility = 'hidden'; + this.$refs.scrollBox2.style.visibility = 'visible'; + } + } + setBackground() { this.background = `
`;