support br

Author: odeimaiz

services/static-webserver/client/source/class/osparc/dashboard/GridButtonBase.js

@@ -48,8 +48,6 @@ qx.Class.define("osparc.dashboard.GridButtonBase", {
     SPACING_IN: 5,
     SPACING: 15,
     ICON_SIZE: 32,
-    // TITLE_MAX_HEIGHT: 34, // two lines in Roboto
-    TITLE_MAX_HEIGHT: 40, // two lines in Manrope
     THUMBNAIL_SIZE: 50,
     POS: {
       TITLE: {
@@ -119,7 +117,6 @@ qx.Class.define("osparc.dashboard.GridButtonBase", {
           grid.setSpacing(this.self().SPACING_IN);
           grid.setRowFlex(2, 1);
           grid.setColumnFlex(0, 1);
-          grid.setRowMaxHeight(0, this.self().TITLE_MAX_HEIGHT);
 
           control = new qx.ui.container.Composite().set({
             maxWidth: this.self().ITEM_WIDTH,
@@ -205,7 +202,6 @@ qx.Class.define("osparc.dashboard.GridButtonBase", {
             font: "text-14",
             padding: this.self().TITLE_PADDING,
             maxWidth: this.self().ITEM_WIDTH,
-            maxHeight: this.self().TITLE_MAX_HEIGHT,
           });
           layout = this.getChildControl("header");
           layout.addAt(control, 0, {

services/static-webserver/client/source/class/osparc/dashboard/GridButtonItem.js

@@ -93,7 +93,7 @@ qx.Class.define("osparc.dashboard.GridButtonItem", {
           break;
         case "menu-button":
           this.getChildControl("title").set({
-            maxWidth: osparc.dashboard.GridButtonBase.ITEM_WIDTH - osparc.dashboard.GridButtonBase.ICON_SIZE - this.self().MENU_BTN_DIMENSIONS,
+            maxWidth: osparc.dashboard.GridButtonBase.ITEM_WIDTH - osparc.dashboard.GridButtonBase.ICON_SIZE - this.self().MENU_BTN_DIMENSIONS - 2,
           });
           control = new qx.ui.form.MenuButton().set({
             appearance: "form-button-outlined",

services/static-webserver/client/source/class/osparc/dashboard/NewPlusMenu.js

@@ -51,6 +51,7 @@ qx.Class.define("osparc.dashboard.NewPlusMenu", {
         "replace_me_product_name",
         osparc.store.StaticInfo.getInstance().getDisplayName()
       );
+      title = title.replace(/<br>/g, " ");
       const menuButton = new qx.ui.menu.Button().set({
         icon: icon || null,
         label: title,