From 61c934c36012c66aa1e17651b62bbf53ca0f8391 Mon Sep 17 00:00:00 2001
From: Hykilpikonna <admin@moecraft.cc>
Date: Sun, 12 Apr 2020 14:00:31 -0400
Subject: [PATCH] [O] Update width on resize

---
 .../course-selection/course-selection.vue     | 28 ++++++++++++++++++-
 1 file changed, 27 insertions(+), 1 deletion(-)

diff --git a/src/pages/course-selection/course-selection.vue b/src/pages/course-selection/course-selection.vue
index 1fa4524..d36a2c4 100644
--- a/src/pages/course-selection/course-selection.vue
+++ b/src/pages/course-selection/course-selection.vue
@@ -56,8 +56,14 @@
 
         courseListWidth: number = 10;
 
+        /**
+         * Called before rendering
+         */
         created()
         {
+            // Update width dynamically
+            window.addEventListener("resize", this.updateWidth);
+
             // Get courses
             App.http.post('/course-info', {}).then(result =>
             {
@@ -75,9 +81,29 @@
             })
         }
 
+        /**
+         * Called on destroy
+         */
+        destroyed()
+        {
+            // Remove width updater
+            window.removeEventListener("resize", this.updateWidth);
+        }
+
+        /**
+         * Called on vue update
+         */
         updated()
         {
-            console.log(this.$refs);
+            this.updateWidth()
+        }
+
+        /**
+         * Update header width. (CSS doesn't work)
+         * https://stackoverflow.com/questions/17011195/positionfixed-and-widthinherit-with-percentage-parent
+         */
+        updateWidth()
+        {
             this.courseListWidth = (<Vue> this.$refs.cl).$el.clientWidth - 20;
         }