"no-border-0"

Author: odeimaiz

services/static-webserver/client/source/class/osparc/data/model/IframeHandler.js

@@ -440,7 +440,10 @@ qx.Class.define("osparc.data.model.IframeHandler", {
         if (this.getNode().getKey().includes("jupyter")) {
         // if (this.getNode().getKey().includes("s4l-ui")) {
           // remove border for s4l-ui services
-          osparc.utils.Utils.removeBorder(this.getIFrame());
+          // osparc.utils.Utils.removeBorder(this.getIFrame());
+          this.getIFrame().set({
+            appearance: "iframe-no-border"
+          });
         }
 
         // fire event to force switching to iframe's content:

services/static-webserver/client/source/class/osparc/desktop/credits/BuyCreditsStepper.js

@@ -68,7 +68,7 @@ qx.Class.define("osparc.desktop.credits.BuyCreditsStepper", {
               const { paymentId, paymentFormUrl } = data;
               this.setPaymentId(paymentId)
               this.__iframe = new qx.ui.embed.Iframe(paymentFormUrl).set({
-                decorator: "no-border-2"
+                decorator: "no-border-0"
               });
               this.add(this.__iframe);
               this.setSelection([this.__iframe])

services/static-webserver/client/source/class/osparc/desktop/credits/PaymentGatewayWindow.js

@@ -21,7 +21,7 @@ qx.Class.define("osparc.desktop.credits.PaymentGatewayWindow", {
   statics: {
     popUp: function(url, title, options) {
       const iframe = new qx.ui.embed.Iframe(url).set({
-        decorator: "no-border-2"
+        decorator: "no-border-0"
       })
       return osparc.ui.window.Window.popUpInWindow(iframe, title, options.width, options.height).set({
         clickAwayClose: false

services/static-webserver/client/source/class/osparc/theme/Appearance.js

@@ -19,6 +19,15 @@ qx.Theme.define("osparc.theme.Appearance", {
   extend: osparc.theme.common.Appearance,
 
   appearances: {
+    "iframe-no-border": {
+      style: () => {
+        return {
+          backgroundColor: "transparent",
+          decorator: "no-border-0"
+        };
+      }
+    },
+
     "strong-ui": {
       style: () => {
         return {

services/static-webserver/client/source/class/osparc/theme/Decoration.js

@@ -265,9 +265,10 @@ qx.Theme.define("osparc.theme.Decoration", {
       }
     },
 
-    "no-border-2": {
+    "no-border-0": {
       style: {
-        width: 0
+        width: 0,
+        color: "transparent"
       }
     },