MWPW-131637: improve OST for small screens (adobecom#779)

MWPW-131637: imporve OST for small screens Co-authored-by: Honwai Wong <honstar.wong@gmail.com>
vgoodric · Feb 1, 2024 · 8bcc735 · 8bcc735
1 parent 737afde
commit 8bcc735
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 9 deletions.
diff --git a/libs/blocks/ost/ost.css b/libs/blocks/ost/ost.css
@@ -11,20 +11,22 @@ body.tool-ost .ost {
 }
 
 body.tool-ost .ost>div {
-  padding: 0 20px 0 20px;
-  min-height: 900px;
-  max-height: 1400px;
-  min-width: 1200px;
-  max-width: 1800px;
-  height: 80%;
-  width: 80%;
+  padding: 20px 20px 0;
+  max-height: 1000px;
+  max-width: 1400px;
+  width: calc(max(100vw, 800px));
+  height: calc(max(100vh, 600px));
   border-radius: 4px;
   border-width: 2px;
   background-color: var(--color-gray-100);
   border-color: var(--color-gray-200);
   border-style: solid;
 }
 
+[data-offer-selector-id] {
+  min-height: 21px;
+}
+
 .price-unit-type::before {
   content: " ";
 }
diff --git a/libs/blocks/ost/ost.js b/libs/blocks/ost/ost.js
@@ -2,8 +2,10 @@ import { loadScript, loadStyle } from '../../utils/utils.js';
 
 const IMS_COMMERCE_CLIENT_ID = 'aos_milo_commerce';
 const IMS_PROD_URL = 'https://auth.services.adobe.com/imslib/imslib.min.js';
-const OST_SCRIPT_URL = 'https://www.stage.adobe.com/special/tacocat/ost/lib/1.10.0/index.js';
-const OST_STYLE_URL = 'https://www.stage.adobe.com/special/tacocat/ost/lib/1.10.0/index.css';
+const OST_VERSION = '1.10.4';
+const OST_BASE = `https://www.stage.adobe.com/special/tacocat/ost/lib/${OST_VERSION}`;
+const OST_SCRIPT_URL = `${OST_BASE}/index.js`;
+const OST_STYLE_URL = `${OST_BASE}/index.css`;
 
 const ENVIRONMENT = 'PROD';
 const WCS_API_KEY = 'wcms-commerce-ims-ro-user-cc';