[FeaturedBrandsPanel, SectionTitle] test, webOS 4.5

2024-07-10 20:25:34 +09:00
parent cc1e453bb0
commit 463ad15dfc
17 changed files with 19 additions and 30 deletions
--- a/com.twin.app.shoptime/src/components/TVerticalPagenator/TVerticalPagenator.jsx
+++ b/com.twin.app.shoptime/src/components/TVerticalPagenator/TVerticalPagenator.jsx
@@ -247,7 +247,8 @@ const TVerticalPagenator = forwardRef(
        node = pagenatorRef.current.querySelector(`[data-wheel-point="true"]`); //to top
      }
      if (!initialRenderedRef.current) {
-        moveToNode(node, false);
+        // moveToNode(node, false);
+
        setTimeout(() => {
          moveToNode(node, false);
          setInitialRendered(true);
--- a/com.twin.app.shoptime/src/views/FeaturedBrandsPanel/FeaturedBestSeller/FeaturedBestSeller.module.less
+++ b/com.twin.app.shoptime/src/views/FeaturedBrandsPanel/FeaturedBestSeller/FeaturedBestSeller.module.less
@@ -2,6 +2,7 @@
@import "../../../style/utils.module.less";

 .container {
+  position: relative;
  width: 100%;
  margin-bottom: 58px;

--- a/com.twin.app.shoptime/src/views/FeaturedBrandsPanel/FeaturedCategory/FeaturedCategoryContents/FeaturedCategoryContents.jsx
+++ b/com.twin.app.shoptime/src/views/FeaturedBrandsPanel/FeaturedCategory/FeaturedCategoryContents/FeaturedCategoryContents.jsx
@@ -28,12 +28,7 @@ export default memo(function FeaturedCategoryContents({
      spotlightId={spotlightId}
      data-wheel-point
    >
-      <div
-        className={css.sectionSubtitle}
-        data-category-subtitle-index={contentsIndex}
-      >
-        {catNm}
-      </div>
+      <h3 data-category-subtitle-index={contentsIndex}>{catNm}</h3>
      {isCarousel ? (
        <FeaturedCategoryProductList
          brandCategoryProductDetailInfo={brandCategoryProductDetailInfo}
--- a/com.twin.app.shoptime/src/views/FeaturedBrandsPanel/FeaturedCategory/FeaturedCategoryContents/FeaturedCategoryContents.module.less
+++ b/com.twin.app.shoptime/src/views/FeaturedBrandsPanel/FeaturedCategory/FeaturedCategoryContents/FeaturedCategoryContents.module.less
@@ -2,7 +2,7 @@
@import "../../../../style/utils.module.less";

 .container {
-  .sectionSubtitle {
+  > h3 {
    position: relative;
    margin: 14px 0 24px;
    padding-left: 60px;
--- a/com.twin.app.shoptime/src/views/FeaturedBrandsPanel/LiveChannels/LiveChannelsErrorContents/LiveChannelsErrorContents.jsx
+++ b/com.twin.app.shoptime/src/views/FeaturedBrandsPanel/LiveChannels/LiveChannelsErrorContents/LiveChannelsErrorContents.jsx
@@ -18,9 +18,7 @@ export default function LiveChannelsErrorContents() {
          alt="Service is delayed. Please try again in 30 seconds."
        />
      </figure>
-      <div className={css.sectionSubtitle}>
-        {$L(STRING_CONF.TITLE_FOR_DELAY)}
-      </div>
+      <h3>{$L(STRING_CONF.TITLE_FOR_DELAY)}</h3>
      <p>{$L(STRING_CONF.MESSAGE_FOR_DELAY)}</p>
    </div>
  );
--- a/com.twin.app.shoptime/src/views/FeaturedBrandsPanel/LiveChannels/LiveChannelsErrorContents/LiveChannelsErrorContents.module.less
+++ b/com.twin.app.shoptime/src/views/FeaturedBrandsPanel/LiveChannels/LiveChannelsErrorContents/LiveChannelsErrorContents.module.less
@@ -19,7 +19,7 @@
    }
  }

-  .sectionSubtitle {
+  > h3 {
    position: relative;
    margin-bottom: 4px;
    font-weight: bold;
--- a/com.twin.app.shoptime/src/views/FeaturedBrandsPanel/LiveChannels/LiveChannelsVerticalContents/LiveVideoCard/LiveVideoCard.jsx
+++ b/com.twin.app.shoptime/src/views/FeaturedBrandsPanel/LiveChannels/LiveChannelsVerticalContents/LiveVideoCard/LiveVideoCard.jsx
@@ -79,9 +79,7 @@ export default memo(function LiveVideoCard({

      <div className={css.videoInfo}>
        <CustomImage src={ImgLiveShow} alt="Live Icon" />
-        <div className={css.sectionSubtitle}>
-          {showNm.replace(/<br\s*\/?>/gi, " ")}
-        </div>
+        <h3>{showNm.replace(/<br\s*\/?>/gi, " ")}</h3>
        <time>
          {convertToTimeFormat(strtDt)} ~ {convertToTimeFormat(endDt)}
        </time>
--- a/com.twin.app.shoptime/src/views/FeaturedBrandsPanel/LiveChannels/LiveChannelsVerticalContents/LiveVideoCard/LiveVideoCard.module.less
+++ b/com.twin.app.shoptime/src/views/FeaturedBrandsPanel/LiveChannels/LiveChannelsVerticalContents/LiveVideoCard/LiveVideoCard.module.less
@@ -70,7 +70,7 @@
      .size(@w: 108px, @h: 48px);
    }

-    .sectionSubtitle {
+    > h3 {
      position: relative;
      min-height: 42px;
      margin-bottom: 6px;
--- a/com.twin.app.shoptime/src/views/FeaturedBrandsPanel/LiveChannels/NoLiveContents/NoLiveCard/NoLiveCard.module.less
+++ b/com.twin.app.shoptime/src/views/FeaturedBrandsPanel/LiveChannels/NoLiveContents/NoLiveCard/NoLiveCard.module.less
@@ -57,7 +57,7 @@
      color: @PRIMARY_COLOR_RED;
    }

-    .sectionSubtitle:nth-child(3) {
+    > h3:nth-child(3) {
      position: relative;
      margin-bottom: 8px;
      font-weight: bold;
--- a/com.twin.app.shoptime/src/views/FeaturedBrandsPanel/Series/SeriesContents/SeriesContents.jsx
+++ b/com.twin.app.shoptime/src/views/FeaturedBrandsPanel/Series/SeriesContents/SeriesContents.jsx
@@ -64,9 +64,7 @@ export default memo(function SeriesContents({
      spotlightId={spotlightId}
      data-wheel-point
    >
-      <div className={css.sectionSubtitle} data-series-subtitle={seriesNm}>
-        {seriesNm}
-      </div>
+      <h3 data-series-subtitle={seriesNm}>{seriesNm}</h3>
      {isCarousel ? (
        <div>
          <SeriesImageCard
--- a/com.twin.app.shoptime/src/views/FeaturedBrandsPanel/Series/SeriesContents/SeriesContents.module.less
+++ b/com.twin.app.shoptime/src/views/FeaturedBrandsPanel/Series/SeriesContents/SeriesContents.module.less
@@ -4,7 +4,7 @@
 .container {
  padding-left: 60px;

-  > .sectionSubtitle {
+  > h3 {
    position: relative;
    .font(@fontFamily: @arialFontBold, @fontSize: 36px);
    color: @COLOR_GRAY08;
@@ -20,7 +20,7 @@
  }

  &.gridContainer {
-    > .sectionSubtitle {
+    > h3 {
      position: relative;
      margin-bottom: 22px;
    }
--- a/com.twin.app.shoptime/src/views/FeaturedBrandsPanel/Showroom/ShowroomContents/ShowroomContents.jsx
+++ b/com.twin.app.shoptime/src/views/FeaturedBrandsPanel/Showroom/ShowroomContents/ShowroomContents.jsx
@@ -140,9 +140,7 @@ export default memo(function ShowroomContents({
      spotlightId={"showroom-contents-id-" + themeExpsOrd}
      data-wheel-point
    >
-      <div className={css.sectionSubtitle} data-showroom-subtitle={themeNm}>
-        {themeNm}
-      </div>
+      <h3 data-showroom-subtitle={themeNm}>{themeNm}</h3>
      <div>
        <ShowroomThumbnailCard
          onClick={handleClick}
--- a/com.twin.app.shoptime/src/views/FeaturedBrandsPanel/Showroom/ShowroomContents/ShowroomContents.module.less
+++ b/com.twin.app.shoptime/src/views/FeaturedBrandsPanel/Showroom/ShowroomContents/ShowroomContents.module.less
@@ -5,7 +5,7 @@
  padding-left: 60px;
  margin-bottom: 14px;

-  .sectionSubtitle {
+  > h3 {
    position: relative;
    margin-bottom: -10px;
    min-height: 42px;
--- a/com.twin.app.shoptime/src/views/FeaturedBrandsPanel/TodaysDeals/TodaysDealsCard/TodaysDealsCard.jsx
+++ b/com.twin.app.shoptime/src/views/FeaturedBrandsPanel/TodaysDeals/TodaysDealsCard/TodaysDealsCard.jsx
@@ -110,7 +110,7 @@ export default memo(function TodaysDealsCard({
        </div>

        <div>
-          <div className={css.sectionSubtitle}>{prdtNm}</div>
+          <h3>{prdtNm}</h3>
          <p>
            {discountRate ? discountedPrice : originalPrice}
            {discountRate && <span>{originalPrice}</span>}
--- a/com.twin.app.shoptime/src/views/FeaturedBrandsPanel/TodaysDeals/TodaysDealsCard/TodaysDealsCard.module.less
+++ b/com.twin.app.shoptime/src/views/FeaturedBrandsPanel/TodaysDeals/TodaysDealsCard/TodaysDealsCard.module.less
@@ -59,7 +59,7 @@
    > div:nth-child(2) {
      .flex(@direction: column, @justifyCenter: space-between, @alignCenter: flex-start);

-      .sectionSubtitle {
+      > h3 {
        position: relative;
        overflow: hidden;
        width: 540px;
--- a/com.twin.app.shoptime/src/views/FeaturedBrandsPanel/UpComing/UpComingList/UpComingCard/UpComingCard.jsx
+++ b/com.twin.app.shoptime/src/views/FeaturedBrandsPanel/UpComing/UpComingList/UpComingCard/UpComingCard.jsx
@@ -83,7 +83,7 @@ export default memo(function UpComingCard({
      )}

      <time>{convertToTimeFormat(strtDt, true)}</time>
-      <div className={css.sectionSubtitle}>{showNm}</div>
+      <h3>{showNm}</h3>
      {hstNm && <p>{$L(STRING_CONF.WITH_HOST) + " " + hstNm}</p>}

      {isFocused && (
--- a/com.twin.app.shoptime/src/views/FeaturedBrandsPanel/UpComing/UpComingList/UpComingCard/UpComingCard.module.less
+++ b/com.twin.app.shoptime/src/views/FeaturedBrandsPanel/UpComing/UpComingList/UpComingCard/UpComingCard.module.less
@@ -34,7 +34,7 @@
    color: @PRIMARY_COLOR_RED;
  }

-  .sectionSubtitle {
+  > h3 {
    position: relative;
    min-height: 72px;
    margin-bottom: 10px;