fix: CXSPA-4080 css style fix for inactive cart dailog (#17745)

SAP · Aug 10, 2023 · 9df9704 · 9df9704
1 parent 6aff285
commit 9df9704
Show file tree

Hide file tree

Showing 2 changed files with 27 additions and 25 deletions.
diff --git a/feature-libs/asm/components/asm-save-cart-dialog/asm-save-cart-dialog.component.html b/feature-libs/asm/components/asm-save-cart-dialog/asm-save-cart-dialog.component.html
@@ -38,31 +38,37 @@ <h2 id="asm-save-cart-dialog-title" class="title modal-title">
 
       <div class="cx-dialog-content">
         <div class="cx-dialog-row row">
-          <div class="cx-dialog-item col-sm-6 col-md-6 item-left-text">
+          <div
+            class="cx-dialog-item col-sm-6 col-md-6 text-right item-left-text"
+          >
             {{ 'asm.saveCart.dialog.row.id' | cxTranslate }}
           </div>
           <div
-            class="cx-dialog-item col-sm-6 col-md-6 text-right item-right-text"
+            class="cx-dialog-item col-sm-6 col-md-6 text-left item-right-text"
           >
             {{ cart.code }}
           </div>
         </div>
         <div class="cx-dialog-row row">
-          <div class="cx-dialog-item col-sm-6 col-md-6 item-left-text">
+          <div
+            class="cx-dialog-item col-sm-6 col-md-6 text-right item-left-text"
+          >
             {{ 'asm.saveCart.dialog.row.qty' | cxTranslate }}
           </div>
           <div
-            class="cx-dialog-item col-sm-6 col-md-6 text-right item-right-text"
+            class="cx-dialog-item col-sm-6 col-md-6 text-left item-right-text"
           >
             {{ cartQty }}
           </div>
         </div>
         <div class="cx-dialog-row row">
-          <div class="cx-dialog-item col-sm-6 col-md-6 item-left-text">
+          <div
+            class="cx-dialog-item col-sm-6 col-md-6 text-right item-left-text"
+          >
             {{ 'asm.saveCart.dialog.row.total' | cxTranslate }}
           </div>
           <div
-            class="cx-dialog-item col-sm-6 col-md-6 text-right item-right-text"
+            class="cx-dialog-item col-sm-6 col-md-6 text-left item-right-text"
           >
             {{ cart.totalPriceWithTax?.formattedValue }}
           </div>

diff --git a/feature-libs/asm/styles/components/_asm-save-cart-dialog.component.scss b/feature-libs/asm/styles/components/_asm-save-cart-dialog.component.scss
@@ -120,30 +120,26 @@ $sapFiori_Button_Emphasized_Active_BorderColor: #0070f2;
     min-height: 137px;
 
     .cx-dialog-content {
-      margin: 0px 60px 30px 60px;
+      margin: 10px 60px 0px 60px;
 
       .item-left-text {
-        width: 27px;
-        height: 22px;
-        font-family: 'Open Sans';
-        font-style: normal;
+        font-family: 72;
+        font-size: 14px;
         font-weight: 400;
-        font-size: 16px;
-        line-height: 22px;
-        color: #14293a;
-        padding: 15px;
+        line-height: 16px;
+        letter-spacing: 0px;
+        color: #556b82;
+        padding: 5px;
       }
+
       .item-right-text {
-        width: 93px;
-        height: 25px;
-        font-family: 'Open Sans';
-        font-style: normal;
-        font-weight: 700;
-        font-size: 18px;
-        line-height: 25px;
-        text-transform: capitalize;
-        color: #14293a;
-        padding: 15px;
+        font-family: 72;
+        font-size: 14px;
+        font-weight: 400;
+        line-height: 16px;
+        letter-spacing: 0px;
+        color: #131e29;
+        padding: 5px;
       }
     }
   }