osparc.widget.SectionBox

Author: odeimaiz

services/static-webserver/client/source/class/osparc/desktop/account/ProfilePage.js

@@ -58,7 +58,7 @@ qx.Class.define("osparc.desktop.account.ProfilePage", {
     },
 
     createSectionBox: function(title) {
-      const box = osparc.ui.window.TabbedView.createSectionBox(title).set({
+      const box = new osparc.widget.SectionBox(title).set({
         alignX: "left",
         maxWidth: 500
       });

services/static-webserver/client/source/class/osparc/desktop/preferences/pages/ConfirmationsPage.js

@@ -125,7 +125,7 @@ qx.Class.define("osparc.desktop.preferences.pages.ConfirmationsPage", {
 
     __createExperimentalSettings: function() {
       // layout
-      const box = osparc.ui.window.TabbedView.createSectionBox("Experimental preferences");
+      const box = new osparc.widget.SectionBox("Experimental preferences");
 
       const label = osparc.ui.window.TabbedView.createHelpLabel(this.tr(
         "This is a list of experimental preferences"

services/static-webserver/client/source/class/osparc/widget/SectionBox.js

@@ -48,7 +48,7 @@ qx.Class.define("osparc.widget.SectionBox", {
     /** Background for the title; should match panel bg token */
     legendBackgroundColor: {
       check: "Color",
-      init: "background-pane",
+      init: "background-main-1",
       event: "changeLegendBackgroundColor",
     },
   },
@@ -57,7 +57,7 @@ qx.Class.define("osparc.widget.SectionBox", {
     _frame: null,
 
     // Children you add to this widget will be forwarded into the frame:
-    _getChildrenContainer: function() {
+    getChildrenContainer: function() {
       return this._frame || this.getChildControl("frame");
     },
 
@@ -72,7 +72,7 @@ qx.Class.define("osparc.widget.SectionBox", {
               color: "background-main-2",
               radius: 4,
             }),
-            padding: [10 + 4, 10, 10, 10],
+            padding: [10 + 6, 10, 10, 10],
             backgroundColor: "transparent",
           });
           // full size, but pushed down by frameTop