diff --git a/services/static-webserver/client/source/class/osparc/desktop/WorkbenchView.js b/services/static-webserver/client/source/class/osparc/desktop/WorkbenchView.js index f8b76a18be6..1945a9742c9 100644 --- a/services/static-webserver/client/source/class/osparc/desktop/WorkbenchView.js +++ b/services/static-webserver/client/source/class/osparc/desktop/WorkbenchView.js @@ -985,7 +985,10 @@ qx.Class.define("osparc.desktop.WorkbenchView", { this.getChildControl("side-panel-right-tabs").setSelection([this.__serviceOptionsPage]); const spacing = 8; - const vBox = new qx.ui.container.Composite(new qx.ui.layout.VBox(spacing*2)); + const vBox = new qx.ui.container.Composite(new qx.ui.layout.VBox().set({ + separator: "separator-vertical", + spacing: spacing*2 + })); // INPUTS FORM if (node.isPropertyInitialized("propsForm") && node.getPropsForm()) { diff --git a/services/static-webserver/client/source/class/osparc/file/FilePicker.js b/services/static-webserver/client/source/class/osparc/file/FilePicker.js index 573d599f6ae..fe6fd53cd5e 100644 --- a/services/static-webserver/client/source/class/osparc/file/FilePicker.js +++ b/services/static-webserver/client/source/class/osparc/file/FilePicker.js @@ -464,15 +464,7 @@ qx.Class.define("osparc.file.FilePicker", { }, __buildAppModeLayout: function() { - let msg = this.tr("In order to Select a File you have three options:"); - const options = [ - this.tr("- Upload a New File"), - this.tr("- Provide a File Link"), - this.tr("- Select a File from other ") + osparc.product.Utils.getStudyAlias() - ]; - for (let i=0; i this.__addInputPortButtonClicked()); this._add(addPortButton, { diff --git a/services/static-webserver/client/source/class/osparc/info/StudyUtils.js b/services/static-webserver/client/source/class/osparc/info/StudyUtils.js index 2b0fc11524a..518e52d1447 100644 --- a/services/static-webserver/client/source/class/osparc/info/StudyUtils.js +++ b/services/static-webserver/client/source/class/osparc/info/StudyUtils.js @@ -190,7 +190,8 @@ qx.Class.define("osparc.info.StudyUtils", { const cb = new qx.ui.form.CheckBox().set({ value: "disableServiceAutoStart" in devObj ? !devObj["disableServiceAutoStart"] : true, label: qx.locale.Manager.tr("Autostart services"), - toolTipText: qx.locale.Manager.tr("This will help opening and closing studies faster"), + font: "text-14", + toolTipText: qx.locale.Manager.tr("Disabling this will help opening and closing studies/projects faster"), iconPosition: "right" }); cb.addListener("changeValue", e => { diff --git a/services/static-webserver/client/source/class/osparc/notification/NotificationsContainer.js b/services/static-webserver/client/source/class/osparc/notification/NotificationsContainer.js index 7cded74b4b0..dd9e340a490 100644 --- a/services/static-webserver/client/source/class/osparc/notification/NotificationsContainer.js +++ b/services/static-webserver/client/source/class/osparc/notification/NotificationsContainer.js @@ -29,6 +29,7 @@ qx.Class.define("osparc.notification.NotificationsContainer", { maxHeight: 250, backgroundColor: "background-main-3" }); + osparc.utils.Utils.setIdToWidget(this, "notificationsContainer"); const root = qx.core.Init.getApplication().getRoot(); root.add(this, { @@ -37,7 +38,6 @@ qx.Class.define("osparc.notification.NotificationsContainer", { }); const notificationsContainer = this.__container = new qx.ui.container.Composite(new qx.ui.layout.VBox(1)); - osparc.utils.Utils.setIdToWidget(notificationsContainer, "notificationsContainer"); const scrollContainer = new qx.ui.container.Scroll(); scrollContainer.add(notificationsContainer); this._add(scrollContainer, { diff --git a/services/static-webserver/client/source/class/osparc/workbench/WorkbenchUI.js b/services/static-webserver/client/source/class/osparc/workbench/WorkbenchUI.js index 0aae5eec4a9..6785803e02b 100644 --- a/services/static-webserver/client/source/class/osparc/workbench/WorkbenchUI.js +++ b/services/static-webserver/client/source/class/osparc/workbench/WorkbenchUI.js @@ -56,7 +56,7 @@ qx.Class.define("osparc.workbench.WorkbenchUI", { }, statics: { - getDashedBorderSytle(isRight) { + getDashedBorderStyle(isRight) { const side = isRight ? "right" : "left"; const borderStyle = {}; borderStyle["background-image"] = `linear-gradient(to bottom, #3D3D3D 50%, rgba(255, 255, 255, 0) 0%)`; @@ -273,7 +273,7 @@ qx.Class.define("osparc.workbench.WorkbenchUI", { allowGrowX: false, padding: [0, 6] }); - inputOutputNodesLayout.getContentElement().setStyles(this.self().getDashedBorderSytle(isInput)); + inputOutputNodesLayout.getContentElement().setStyles(this.self().getDashedBorderStyle(isInput)); const title = new qx.ui.basic.Label(label).set({ alignX: "center", margin: [15, 0],