MC-5423: Scheduled Update slide out issues

- Resolve build failures

Author: davemacaulay

app/code/Magento/PageBuilder/Test/Mftf/Section/PageBuilderStageSection.xml

@@ -11,7 +11,7 @@
     <section name="PageBuilderStage">
         <element name="imageSource" type="text" selector="//img[contains(@src,'{{var1}}')]" parameterized="true"/>
         <element name="openFullScreen" type="button" selector="//i[@class='icon-pagebuilder-fullscreen']"/>
-        <element name="exitFullScreen" type="button" selector=".pagebuilder-header .action-close"/>
+        <element name="exitFullScreen" type="button" selector=".pagebuilder-header .icon-pagebuilder-fullscreen-exit"/>
         <element name="stageLoading" type="button" selector="div.pagebuilder-stage-loading"/>
         <element name="stageWrapper" type="button" selector="//div[@class='pagebuilder-stage-wrapper']"/>
         <element name="enabled" type="button" selector="//div[not(contains(@class, '_disabled'))]/div[contains(@class, 'pagebuilder-wysiwyg-wrapper')]/div[@class='pagebuilder-stage-wrapper']"/>

app/code/Magento/PageBuilder/Test/Mftf/Test/AdminPageBuilderPanelTest.xml

@@ -437,6 +437,7 @@
             <argument name="contentType" value="PageBuilderRowContentType"/>
         </actionGroup>
         <click selector="{{PageBuilderStage.openFullScreen}}" stepKey="enterFullScreen"/>
+        <waitForElementVisible selector="{{PageBuilderStage.exitFullScreen}}" stepKey="waitForExitVisible"/>
         <scrollTo selector="{{RowOnStage.base('6')}}" stepKey="scrollToBottom"/>
         <seeElement selector="{{PageBuilderStage.exitFullScreen}}" stepKey="verifyHeader"/>
     </test>

app/code/Magento/PageBuilder/view/adminhtml/web/css/source/_page-builder.less

@@ -6,8 +6,8 @@
 @border-size: 2px;
 
 .pagebuilder-header {
-    text-align: right;
     margin-bottom: 15px;
+    text-align: right;
 
     > .icon-pagebuilder-fullscreen {
         cursor: pointer;
@@ -24,9 +24,9 @@
 }
 
 .pagebuilder-stage-wrapper {
-    -webkit-transition: .35s ease-in-out;
     -moz-transition: .35s ease-in-out;
-    background: white;
+    -webkit-transition: .35s ease-in-out;
+    background: #fff;
     position: relative;
     transition: .35s ease-in-out;
 
@@ -36,8 +36,8 @@
     }
 
     &.stage-full-screen {
-        -webkit-transform: translateZ(0);
         -moz-transform: translateZ(0);
+        -webkit-transform: translateZ(0);
         background: @color-white;
         height: 100%;
         left: 0;
@@ -146,44 +146,19 @@
     }
 }
 
-.pagebuilder-add-row-wrapper {
-    float: left;
-    text-align: center;
-    width: 100%;
-
-    .pagebuilder-add-row {
-        -moz-border-radius: 5px;
-        -webkit-border-radius: 5px;
-
-        background: @row-color;
-        border-radius: 5px;
-        color: @color-white;
-        display: inline-block;
-        font-size: 26px;
-        height: 50px;
-        line-height: 50px;
-        width: 50px;
-
-        &:hover {
-            background: darken(@row-color, 15%);
-        }
-    }
-}
-
 .pagebuilder-stage {
     -moz-transition: margin-left .35s ease-in-out;
-    -webkit-transition: margin-left .35s ease-in-out;
     -moz-user-select: none;
+    -webkit-transition: margin-left .35s ease-in-out;
+    -webkit-user-select: none;
     -ms-user-select: none;
     -o-user-select: none;
-    -webkit-user-select: none;
-
     font-size: 0;
     margin-left: 170px;
     min-height: 200px;
     padding: 0;
-    user-select: none;
     transition: margin-left .35s ease-in-out;
+    user-select: none;
 
     &.stage-full-screen {
         background: @color-black;