From 9ea17ce56032c067f4579dda9b2a79bd7d10cb25 Mon Sep 17 00:00:00 2001
From: Joel Collins <joel@jtcollins.net>
Date: Thu, 21 Mar 2019 20:02:08 +0000
Subject: [PATCH] Resize GPU preview on sidebar toggle

---
 src/App.vue                                            | 8 ++++++++
 src/components/paneDisplayComponents/streamDisplay.vue | 4 ++++
 2 files changed, 12 insertions(+)

diff --git a/src/App.vue b/src/App.vue
index 6dd16525..f7fabcdc 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -48,6 +48,14 @@ export default {
   },
 
   created: function () {
+    var context = this
+    UIkit.util.on(document, 'hidden', '.toggle-hidden', function () {
+      context.$root.$emit('globalResizePreview')
+    })
+    UIkit.util.on(document, 'shown', '.toggle-hidden', function () {
+      context.$root.$emit('globalResizePreview')
+    })
+
     window.addEventListener('resize', this.handleResize)
     this.handleResize();
   },
diff --git a/src/components/paneDisplayComponents/streamDisplay.vue b/src/components/paneDisplayComponents/streamDisplay.vue
index d1b9fad2..7c1fff96 100644
--- a/src/components/paneDisplayComponents/streamDisplay.vue
+++ b/src/components/paneDisplayComponents/streamDisplay.vue
@@ -35,6 +35,10 @@ export default {
   },
 
   mounted() {
+		// A global signal listener to change the GPU preview state
+    this.$root.$on('globalResizePreview', (state) => {
+			this.handleDoneResize()
+		})
     // A global signal listener to change the GPU preview state
     this.$root.$on('globalTogglePreview', (state) => {
 			console.log(`Toggling preview to ${state}`)