From d0d40c8e4608634670017589f173a33194a5e2ce Mon Sep 17 00:00:00 2001
From: Pablo Vazquez <pablo@blender.org>
Date: Thu, 12 May 2022 15:51:03 +0200
Subject: [PATCH] Web: Set a fixed height for Tabulator tables.

It's ugly but couldn't find a way to make it responsive and not break
the Virtual DOM.
---
 web/app/src/components/JobsTable.vue  | 1 +
 web/app/src/components/TasksTable.vue | 2 +-
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/web/app/src/components/JobsTable.vue b/web/app/src/components/JobsTable.vue
index 5ffa2b01..44f50d95 100644
--- a/web/app/src/components/JobsTable.vue
+++ b/web/app/src/components/JobsTable.vue
@@ -54,6 +54,7 @@ export default {
       initialSort: [
         { column: "updated", dir: "desc" },
       ],
+      height: "720px", // Must be set in order for the virtual DOM to function correctly.
       data: [], // Will be filled via a Flamenco API request.
       selectable: false, // The active job is tracked by click events, not row selection.
     };
diff --git a/web/app/src/components/TasksTable.vue b/web/app/src/components/TasksTable.vue
index 34cb74fd..a294eeb1 100644
--- a/web/app/src/components/TasksTable.vue
+++ b/web/app/src/components/TasksTable.vue
@@ -54,7 +54,7 @@ export default {
       initialSort: [
         { column: "updated", dir: "desc" },
       ],
-      height: "300px",
+      height: "300px", // Must be set in order for the virtual DOM to function correctly.
       data: [], // Will be filled via a Flamenco API request.
       selectable: false, // The active task is tracked by click events.
     };