Changing generate-right to generate-side

adobecom · Apr 10, 2024 · 1718465 · 1718465
1 parent 267e3da
commit 1718465
Show file tree

Hide file tree

Showing 7 changed files with 17 additions and 17 deletions.
diff --git a/creativecloud/features/interactive-components/generate/generate.css b/creativecloud/features/interactive-components/generate/generate.css
@@ -84,15 +84,15 @@
     padding: 0;
   }
 
-  .interactive-enabled.generate-right .step-generate .generate-prompt-button,
-  .interactive-enabled .step-generate .generate-right .generate-prompt-button {
+  .interactive-enabled.generate-side .step-generate .generate-prompt-button,
+  .interactive-enabled .step-generate .generate-side .generate-prompt-button {
     left: auto;
     right: -21.5%;
     bottom: calc(50% - 80px);
   }
 
-  [dir="rtl"] .interactive-enabled.generate-right .step-generate .generate-prompt-button, 
-  [dir="rtl"] .interactive-enabled .step-generate .generate-right .generate-prompt-button {
+  [dir="rtl"] .interactive-enabled.generate-side .step-generate .generate-prompt-button,
+  [dir="rtl"] .interactive-enabled .step-generate .generate-side .generate-prompt-button {
     left: auto;
     right: -21.5%;
   }
@@ -131,21 +131,21 @@
       max-width: 218px;
     }
 
-    .interactive-enabled.row-reversed.generate-right .step-generate .generate-prompt-button, 
-    .interactive-enabled.row-reversed .step-generate .generate-right .generate-prompt-button {
+    .interactive-enabled.row-reversed.generate-side .step-generate .generate-prompt-button,
+    .interactive-enabled.row-reversed .step-generate .generate-side .generate-prompt-button {
       flex-direction: row;
       left: -21.5%;
       right: auto;
     }
 
-    [dir="rtl"] .interactive-enabled.generate-right .step-generate .generate-prompt-button, 
-    [dir="rtl"] .interactive-enabled .step-generate .generate-right .generate-prompt-button {
+    [dir="rtl"] .interactive-enabled.generate-side .step-generate .generate-prompt-button,
+    [dir="rtl"] .interactive-enabled .step-generate .generate-side .generate-prompt-button {
       left: -21.5%;
       right: auto;
     }
 
-    [dir="rtl"] .interactive-enabled.row-reversed.generate-right .step-generate .generate-prompt-button, 
-    [dir="rtl"] .interactive-enabled.row-reversed .step-generate .generate-right .generate-prompt-button {
+    [dir="rtl"] .interactive-enabled.row-reversed.generate-side .step-generate .generate-prompt-button,
+    [dir="rtl"] .interactive-enabled.row-reversed .step-generate .generate-side .generate-prompt-button {
       left: auto;
       right: -21.5%;
     }

diff --git a/creativecloud/features/interactive-components/start-over/start-over.css b/creativecloud/features/interactive-components/start-over/start-over.css
@@ -14,7 +14,7 @@
     gap: 16px;
   }
 
-  .interactive-enabled.generate-right .step-start-over .layer .gray-button.start-over-button {
+  .interactive-enabled.generate-side .step-start-over .layer .gray-button.start-over-button {
     bottom: 32px;
   }
 }
diff --git a/test/blocks/interactive-metadata/mocks/interactive-metadata.html b/test/blocks/interactive-metadata/mocks/interactive-metadata.html
@@ -1,5 +1,5 @@
 <div class="section">
-  <div class="marquee large interactive-enabled heading-top generate-right dark"
+  <div class="marquee large interactive-enabled heading-top generate-side dark"
     style="background: linear-gradient(112.1deg, rgb(32, 38, 57) 11.4%, rgb(63, 76, 119) 70.2%);">
     <div class="foreground container">
       <div data-valign="middle" class="text">
@@ -144,7 +144,7 @@ <h2 id="everyone-can-photoshop" class="heading-xxl">Everyone can. Photoshop.</h2
   </div>
 </div>
 <div class="section">
-  <div class="marquee large interactive-enabled heading-top generate-right dark"
+  <div class="marquee large interactive-enabled heading-top generate-side dark"
     style="background: linear-gradient(112.1deg, rgb(32, 38, 57) 11.4%, rgb(63, 76, 119) 70.2%);">
 
     <div class="foreground container">

diff --git a/test/features/interactive-components/crop/mocks/body.html b/test/features/interactive-components/crop/mocks/body.html
@@ -1,5 +1,5 @@
 <div class="section">
-  <div class="marquee large interactive-enabled heading-top generate-right dark"
+  <div class="marquee large interactive-enabled heading-top generate-side dark"
     style="background: linear-gradient(112.1deg, rgb(32, 38, 57) 11.4%, rgb(63, 76, 119) 70.2%);">
 
     <div class="foreground container">

diff --git a/test/features/interactive-components/generate/mocks/body.html b/test/features/interactive-components/generate/mocks/body.html
@@ -1,5 +1,5 @@
 <div class="section">
-  <div class="marquee large interactive-enabled heading-top generate-right dark" style="background: linear-gradient(112.1deg, rgb(32, 38, 57) 11.4%, rgb(63, 76, 119) 70.2%);">
+  <div class="marquee large interactive-enabled heading-top generate-side dark" style="background: linear-gradient(112.1deg, rgb(32, 38, 57) 11.4%, rgb(63, 76, 119) 70.2%);">
 
     <div class="foreground container">
       <div data-valign="middle" class="text">

diff --git a/test/features/interactive-components/selector-tray/mocks/body.html b/test/features/interactive-components/selector-tray/mocks/body.html
@@ -1,5 +1,5 @@
 <div class="section">
-  <div class="marquee large interactive-enabled heading-top generate-right dark"
+  <div class="marquee large interactive-enabled heading-top generate-side dark"
     style="background: linear-gradient(112.1deg, rgb(32, 38, 57) 11.4%, rgb(63, 76, 119) 70.2%);">
     <div class="foreground container">
       <div data-valign="middle" class="text">

diff --git a/test/features/interactive-components/start-over/mocks/body.html b/test/features/interactive-components/start-over/mocks/body.html
@@ -1,5 +1,5 @@
 <div class="section">
-  <div class="marquee large interactive-enabled heading-top generate-right dark" style="background: linear-gradient(112.1deg, rgb(32, 38, 57) 11.4%, rgb(63, 76, 119) 70.2%);">
+  <div class="marquee large interactive-enabled heading-top generate-side dark" style="background: linear-gradient(112.1deg, rgb(32, 38, 57) 11.4%, rgb(63, 76, 119) 70.2%);">
     <div class="foreground container">
       <div data-valign="middle" class="text">
         <h2 id="everyone-can-photoshop" class="heading-xxl">Everyone can. Photoshop.</h2>