From 4a9928bb664e99de7dafe8da263dc73552fd8052 Mon Sep 17 00:00:00 2001
From: Alejandro Gallardo Escobar <alejandro.gallardo@artica.es>
Date: Thu, 25 Apr 2019 09:13:06 +0200
Subject: [PATCH] Visual Console Refactor: bugfix

Former-commit-id: 244b1182e3b4a3a6b164a7f18deda7747dd81481
---
 visual_console_client/src/Item.ts | 19 +++++++++++++++++++
 1 file changed, 19 insertions(+)

diff --git a/visual_console_client/src/Item.ts b/visual_console_client/src/Item.ts
index 4b99c87460..94dab962b1 100644
--- a/visual_console_client/src/Item.ts
+++ b/visual_console_client/src/Item.ts
@@ -213,6 +213,24 @@ abstract class VisualConsoleItem<Props extends ItemProps> {
       table.append(emptyRow1, row, emptyRow2);
       table.style.textAlign = "center";
 
+      // Change the table size depending on its position.
+      switch (this.props.labelPosition) {
+        case "up":
+        case "down":
+          if (this.props.width > 0) {
+            table.style.width = `${this.props.width}px`;
+            table.style.height = null;
+          }
+          break;
+        case "left":
+        case "right":
+          if (this.props.height > 0) {
+            table.style.width = null;
+            table.style.height = `${this.props.height}px`;
+          }
+          break;
+      }
+
       // element.innerHTML = this.props.label;
       element.append(table);
     }
@@ -408,6 +426,7 @@ abstract class VisualConsoleItem<Props extends ItemProps> {
     // Ugly table to show the label as its legacy counterpart.
     const tables = this.labelElementRef.getElementsByTagName("table");
     const table = tables.length > 0 ? tables.item(0) : null;
+    // Change the table size depending on its position.
     if (table) {
       switch (this.props.labelPosition) {
         case "up":