From bbb9e64120df0e4c22e37eb0c9722ff5214cc7c9 Mon Sep 17 00:00:00 2001
From: "junghoon86.park" <junghoon86.park@lgepartner.com>
Date: Tue, 16 Dec 2025 12:20:23 +0900
Subject: [PATCH 1/2] [TheaderCustom]
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

 - theme 상품 상세에서 theme명 노출부분 변경 처리.
---
 .../src/views/DetailPanel/components/THeaderCustom.jsx      | 6 +++---
 .../views/DetailPanel/components/THeaderCustom.module.less  | 1 +
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/com.twin.app.shoptime/src/views/DetailPanel/components/THeaderCustom.jsx b/com.twin.app.shoptime/src/views/DetailPanel/components/THeaderCustom.jsx
index efa6abf8..32fd7a85 100644
--- a/com.twin.app.shoptime/src/views/DetailPanel/components/THeaderCustom.jsx
+++ b/com.twin.app.shoptime/src/views/DetailPanel/components/THeaderCustom.jsx
@@ -93,9 +93,6 @@ export default function THeaderCustom({
           role="button"
         />
       )}
-      {type === "theme" && themeTitle && (
-      <span className={css.themeTitle} dangerouslySetInnerHTML={{ __html: themeTitle }} />        
-      )}
       {kind ? (
         ""
       ) : (
@@ -107,6 +104,9 @@ export default function THeaderCustom({
           }}
         />
       )}
+      {type === "theme" && themeTitle && (
+        <span className={css.themeTitle} dangerouslySetInnerHTML={{ __html: `[${themeTitle}]` }} />        
+      )}
       <Marquee
         marqueeOn="render"
         className={css.title}
diff --git a/com.twin.app.shoptime/src/views/DetailPanel/components/THeaderCustom.module.less b/com.twin.app.shoptime/src/views/DetailPanel/components/THeaderCustom.module.less
index 062658c5..281c35be 100644
--- a/com.twin.app.shoptime/src/views/DetailPanel/components/THeaderCustom.module.less
+++ b/com.twin.app.shoptime/src/views/DetailPanel/components/THeaderCustom.module.less
@@ -61,4 +61,5 @@
   color: #eaeaea;
   width: max-content;
   margin-right: 20px;
+  margin-left: 10px;
 }
\ No newline at end of file

From 8325070138b4a5d5889a526bde5a14c86c14dc90 Mon Sep 17 00:00:00 2001
From: "junghoon86.park" <junghoon86.park@lgepartner.com>
Date: Tue, 16 Dec 2025 12:22:30 +0900
Subject: [PATCH 2/2] =?UTF-8?q?[Tscrolldetail]=20=EC=83=81=EC=84=B8?=
 =?UTF-8?q?=EC=97=90=EC=84=9C=20=EC=98=A4=EB=A5=B8=EC=AA=BD=20=EC=8A=A4?=
 =?UTF-8?q?=ED=81=AC=EB=A1=A4=20=ED=8F=AC=EC=BB=A4=EC=8A=A4=20=EA=B0=80?=
 =?UTF-8?q?=EC=A7=80=EC=95=8A=EB=8F=84=EB=A1=9D=20=EB=B3=80=EA=B2=BD.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

 - focusableScrollbar를 false 로 강제로 줌.
---
 .../components/TScroller/TScrollerDetail.jsx  | 23 +++++++++++++++----
 1 file changed, 18 insertions(+), 5 deletions(-)

diff --git a/com.twin.app.shoptime/src/views/DetailPanel/components/TScroller/TScrollerDetail.jsx b/com.twin.app.shoptime/src/views/DetailPanel/components/TScroller/TScrollerDetail.jsx
index d679315e..2509b26f 100644
--- a/com.twin.app.shoptime/src/views/DetailPanel/components/TScroller/TScrollerDetail.jsx
+++ b/com.twin.app.shoptime/src/views/DetailPanel/components/TScroller/TScrollerDetail.jsx
@@ -1,14 +1,26 @@
-import React, { useCallback, useEffect, useRef, useState, useMemo, forwardRef } from 'react';
+import React, {
+  forwardRef,
+  useCallback,
+  useEffect,
+  useMemo,
+  useRef,
+  useState,
+} from 'react';
 
 import classNames from 'classnames';
 import { useSelector } from 'react-redux';
 
-import { off, on } from '@enact/core/dispatcher';
+import {
+  off,
+  on,
+} from '@enact/core/dispatcher';
 import { Job } from '@enact/core/util';
 import Scroller from '@enact/sandstone/Scroller';
 import Spotlight from '@enact/spotlight';
 
-import AutoScrollAreaDetail, { POSITION } from '../AutoScrollAreaDetail/AutoScrollAreaDetail';
+import AutoScrollAreaDetail, {
+  POSITION,
+} from '../AutoScrollAreaDetail/AutoScrollAreaDetail';
 import css from './TScrollerDetail.module.less';
 
 /**
@@ -206,7 +218,8 @@ const TScrollerDetail = forwardRef(
           onScrollStop={_onScrollStop}
           onScroll={_onScroll}
           scrollMode={scrollMode || 'translate'}
-          focusableScrollbar={focusableScrollbar}
+          // focusableScrollbar={focusableScrollbar}
+          focusableScrollbar={false}
           className={classNames(isMounted && css.tScroller, noScrollByWheel && css.preventScroll)}
           direction={direction}
           horizontalScrollbar={horizontalScrollbar}
@@ -220,7 +233,7 @@ const TScrollerDetail = forwardRef(
           }}
           noScrollByWheel={noScrollByWheel}
           noScrollByDrag
-          // rest props에서 ref만 제외하고 전달
+        // rest props에서 ref만 제외하고 전달
           {...(rest.ref ? { ...rest, ref: undefined } : rest)}
         >
           {children}