calltoorder 각각 페이지 별 글자 크기 조절관련 처리건.

com.twin.app.shoptime/src/components/VideoOverlayWithPhoneNumber/VideoOverlayWithPhoneNumber.jsx

@@ -1,14 +1,11 @@
-import React, {
-  memo,
-  useEffect,
-} from 'react';
+import React, { memo, useEffect } from "react";
 
-import classNames from 'classnames';
-import { useSelector } from 'react-redux';
+import classNames from "classnames";
+import { useSelector } from "react-redux";
 
-import IcBlackCall from '../../../assets/images/icons/ic-wh-call@3x.png';
-import { $L } from '../../utils/helperMethods';
-import css from './VideoOverlayWithPhoneNumber.module.less';
+import IcBlackCall from "../../../assets/images/icons/ic-wh-call@3x.png";
+import { $L } from "../../utils/helperMethods";
+import css from "./VideoOverlayWithPhoneNumber.module.less";
 
 const CALL_TO_ORDER_STRING = "Call to Order";
 const PHONE_STRING = "Phone";
@@ -27,7 +24,7 @@ export default memo(function VideoOverlayWithPhoneNumber({
   chanId,
 }) {
   const countryCode = useSelector((state) => state.common.httpHeader.cntry_cd);
-
+  const panelName = useSelector((state) => state.panels.panels[0].name);
   return (
     <>
       {orderPhnNo && (
@@ -37,7 +34,10 @@ export default memo(function VideoOverlayWithPhoneNumber({
             css.callBox,
             countryCode === "RU" && chanId === "RUJUVELIROCHKA" && css.ru,
             countryCode === "US" && patnerName === "HSN" && css.hsn,
-            countryCode === "US" && patnerName === "QVC" && css.qvc
+            countryCode === "US" && patnerName === "QVC" && css.qvc,
+            (panelName === "trendingnowpanel" ||
+              panelName === "featuredbrandspanel") &&
+              css.widePanel
           )}
         >
           <div className={css.callToOrder}>{$L(CALL_TO_ORDER_STRING)}</div>

com.twin.app.shoptime/src/components/VideoOverlayWithPhoneNumber/VideoOverlayWithPhoneNumber.module.less

@@ -49,7 +49,20 @@
       }
     }
   }
-
+  &.widePanel {
+    > div:first-child {
+      font-size: 68% !important;
+    }
+    > div:last-child {
+      > img {
+        width: 16px;
+        height: 16px;
+      }
+      > span {
+        font-size: 68% !important;
+      }
+    }
+  }
   .callToOrder {
     .flex();
     font-size: 22px;

com.twin.app.shoptime/src/components/VideoPlayer/VideoPlayer.module.less

@@ -115,8 +115,8 @@
       padding: 4px !important;
       margin-bottom: 0 !important;
       > div:first-child {
-        font-size: 12px !important;
-        line-height: 12px !important;
+        font-size: 12px;
+        line-height: 12px;
       }
       > div:last-child {
         margin-top: 0;
@@ -147,7 +147,7 @@
       }
       &.horizontal {
         > div:first-child {
-          font-size: 12px !important;
+          font-size: 12px;
           line-height: 1;
         }
         > div:last-child {
@@ -172,7 +172,7 @@
           bottom: 4% !important;
           left: 4.5% !important;
           > div:first-child {
-            font-size: 48% !important;
+            font-size: 48%;
           }
           > div:last-child {
             > img {
@@ -180,7 +180,7 @@
               height: 12px;
             }
             > span {
-              font-size: 53% !important;
+              font-size: 48%;
             }
           }
         }
@@ -191,6 +191,18 @@
           padding: 1%;
           bottom: 4% !important;
           left: 7% !important;
+          > div:first-child {
+            font-size: 48%;
+          }
+          > div:last-child {
+            > img {
+              width: 12px;
+              height: 12px;
+            }
+            > span {
+              font-size: 48%;
+            }
+          }
         }
       }
     }