#558: Developer can style content types output differently per viewport

- remove style blocks after assigning to element
- fix parallax in row widget

Author: omiroshnichenko

app/code/Magento/PageBuilder/view/adminhtml/web/js/stage-builder.js

@@ -56,6 +56,7 @@ function convertToInlineStyles(document: Document): void {
                     styles[selector].push(rule.style);
                 });
             });
+            styleBlock.remove();
         });
     }
     _.each(styles, (stylesArray: CSSStyleDeclaration[], selector: string) => {

app/code/Magento/PageBuilder/view/adminhtml/web/ts/js/stage-builder.ts

@@ -11,7 +11,8 @@ define([
 
     return function (config, element) {
         var $element = $(element),
-            parallaxSpeed = null;
+            parallaxSpeed = null,
+            elementStyle = null;
 
         if ($element.data('appearance') === 'contained') {
             $element = $(element).find('[data-element="inner"]');
@@ -31,11 +32,12 @@ define([
         $element.attr('data-jarallax', '');
 
         parallaxSpeed = parseFloat($element.data('parallaxSpeed'));
+        elementStyle = window.getComputedStyle($element[0]);
 
         window.jarallax($element[0], {
-            imgPosition: $element[0].style.backgroundPosition || '50% 50%',
-            imgRepeat: $element[0].style.backgroundRepeat || 'no-repeat',
-            imgSize: $element[0].style.backgroundSize || 'cover',
+            imgPosition: elementStyle.backgroundPosition || '50% 50%',
+            imgRepeat: elementStyle.backgroundRepeat || 'no-repeat',
+            imgSize: elementStyle.backgroundSize || 'cover',
             speed: !isNaN(parallaxSpeed) ? parallaxSpeed : 0.5
         });
     };