spacers

Author: odeimaiz

services/static-webserver/client/source/class/osparc/auth/LoginPageSplit.js

@@ -71,14 +71,19 @@ qx.Class.define("osparc.auth.LoginPageSplit", {
       loginPage.addListener("done", e => this.fireDataEvent("done", e.getData()));
       const container = new qx.ui.container.Scroll();
       container.add(loginPage);
-      const hideableItems = loginPage.getChildControl("login-view").getHideableItems();
+      const spacers = [
+        loginPage.getChildControl("top-spacer"),
+        loginPage.getChildControl("bottom-spacer"),
+      ];
+      const hideableItems = loginPage.getChildControl("login-view").getHideableItems());
       if (this.isCompactVersion()) {
         // no split-image
         // just the login widget
         this.__resetBackgroundImage();
         this._add(container, {
           flex: 1
         });
+        spacers.forEach(spacer => spacer.setMinHeight(0));
         hideableItems.forEach(hideableItem => hideableItem.exclude());
       } else {
         // split-image on the left
@@ -90,6 +95,7 @@ qx.Class.define("osparc.auth.LoginPageSplit", {
         this._add(container, {
           width: "50%"
         });
+        spacers.forEach(spacer => spacer.setMinHeight(50));
         hideableItems.forEach(hideableItem => hideableItem.show());
       }
     },

services/static-webserver/client/source/class/osparc/auth/LoginWithDecorators.js

@@ -63,7 +63,9 @@ qx.Class.define("osparc.auth.LoginWithDecorators", {
       let control;
       switch (id) {
         case "top-spacer":
-          control = new qx.ui.core.Spacer();
+          control = new qx.ui.core.Spacer().set({
+            minHeight: 50,
+          });
           this._add(control, {
             flex: 1
           });
@@ -109,7 +111,9 @@ qx.Class.define("osparc.auth.LoginWithDecorators", {
           });
           break;
         case "bottom-spacer":
-          control = new qx.ui.core.Spacer();
+          control = new qx.ui.core.Spacer().set({
+            minHeight: 50,
+          });
           this._add(control, {
             flex: 1
           });
@@ -342,6 +346,6 @@ qx.Class.define("osparc.auth.LoginWithDecorators", {
       });
 
       return versionLinkLayout;
-    }
+    },
   }
 });