From 0e5282476d755a0a8d03461d36984fd32884f691 Mon Sep 17 00:00:00 2001
From: optrader <optrader8@gmail.com>
Date: Sat, 1 Nov 2025 19:10:51 +0900
Subject: [PATCH] =?UTF-8?q?[251101]=20fix:=20TScrollerDetail=20=EA=B8=B0?=
 =?UTF-8?q?=EB=B3=B8=EC=8A=A4=ED=81=AC=EB=A1=A4=20=EC=8A=A4=ED=83=80?=
 =?UTF-8?q?=EC=9D=BC=20=EB=B3=80=EA=B2=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

🕐 커밋 시간: 2025. 11. 01. 19:10:48

📊 변경 통계:
  • 총 파일: 3개
  • 추가: +39줄
  • 삭제: -5줄

📝 수정된 파일:
  ~ com.twin.app.shoptime/src/views/DetailPanel/ProductAllSection/ProductAllSection.module.less
  ~ com.twin.app.shoptime/src/views/DetailPanel/components/FavoriteBtn.module.less
  ~ com.twin.app.shoptime/src/views/DetailPanel/components/TScroller/TScrollerDetail.module.less

🔧 주요 변경 내용:
  • UI 컴포넌트 아키텍처 개선
  • 소규모 기능 개선
---
 .../ProductAllSection.module.less             |  8 ++---
 .../components/FavoriteBtn.module.less        |  2 +-
 .../TScroller/TScrollerDetail.module.less     | 34 +++++++++++++++++++
 3 files changed, 39 insertions(+), 5 deletions(-)

diff --git a/com.twin.app.shoptime/src/views/DetailPanel/ProductAllSection/ProductAllSection.module.less b/com.twin.app.shoptime/src/views/DetailPanel/ProductAllSection/ProductAllSection.module.less
index 4d049ca2..4852ae2e 100644
--- a/com.twin.app.shoptime/src/views/DetailPanel/ProductAllSection/ProductAllSection.module.less
+++ b/com.twin.app.shoptime/src/views/DetailPanel/ProductAllSection/ProductAllSection.module.less
@@ -449,7 +449,7 @@
 
   &:focus {
     background: @PRIMARY_COLOR_RED !important;
-    outline: 2px solid @PRIMARY_COLOR_RED !important;
+    // outline: 2px solid @PRIMARY_COLOR_RED !important;
 
     .buyNowText {
       color: white !important;
@@ -506,7 +506,7 @@
   // 포커스 상태 추가
   &:focus {
     background: @PRIMARY_COLOR_RED !important;
-    outline: 2px solid @PRIMARY_COLOR_RED !important;
+    // outline: 2px solid @PRIMARY_COLOR_RED !important;
 
     .shopByMobileText {
       color: white !important;
@@ -515,7 +515,7 @@
 
   &.active {
     background: #4f172c;
-    outline: 2px solid #4f172c;
+    // outline: 2px solid #4f172c;
     .shopByMobileText {
       color: white !important;
     }
@@ -599,7 +599,7 @@
 
   &:focus {
     background: @PRIMARY_COLOR_RED !important;
-    outline: 2px solid @PRIMARY_COLOR_RED !important;
+    // outline: 2px solid @PRIMARY_COLOR_RED !important;
 
     .addToCartText {
       color: white !important;
diff --git a/com.twin.app.shoptime/src/views/DetailPanel/components/FavoriteBtn.module.less b/com.twin.app.shoptime/src/views/DetailPanel/components/FavoriteBtn.module.less
index dddc5781..f77e7866 100644
--- a/com.twin.app.shoptime/src/views/DetailPanel/components/FavoriteBtn.module.less
+++ b/com.twin.app.shoptime/src/views/DetailPanel/components/FavoriteBtn.module.less
@@ -15,7 +15,7 @@
       .imgElement(29px, 25px, center, center);
       &:focus {
         background-color: @PRIMARY_COLOR_RED !important; // 포커스시 빨간색 배경
-        outline: 2px solid @PRIMARY_COLOR_RED !important;
+        // outline: 2px solid @PRIMARY_COLOR_RED !important;
         background-image: url(../../../../assets/images/icons/ic_heart_3x.png);
       }
     }
diff --git a/com.twin.app.shoptime/src/views/DetailPanel/components/TScroller/TScrollerDetail.module.less b/com.twin.app.shoptime/src/views/DetailPanel/components/TScroller/TScrollerDetail.module.less
index cbffe312..1db73e82 100644
--- a/com.twin.app.shoptime/src/views/DetailPanel/components/TScroller/TScrollerDetail.module.less
+++ b/com.twin.app.shoptime/src/views/DetailPanel/components/TScroller/TScrollerDetail.module.less
@@ -14,6 +14,13 @@
     position: relative;
     overflow-y: auto;
     overflow-x: hidden;
+    scrollbar-width: none; // Firefox: 브라우저 기본 스크롤바 숨기기
+
+    // WebKit 브라우저에서 모든 스크롤바 숨기기
+    &::-webkit-scrollbar {
+      width: 0;
+      height: 0;
+    }
 
     // Sandstone Scroller 내부 콘텐츠 컨테이너 스타일
     > div:nth-child(1) {
@@ -23,6 +30,33 @@
       margin: 0;
       box-sizing: border-box;
       overflow: visible;
+      scrollbar-width: none; // Firefox: 브라우저 기본 스크롤바 숨기기
+
+      // WebKit 브라우저에서 모든 스크롤바 숨기기
+      &::-webkit-scrollbar {
+        width: 0;
+        height: 0;
+      }
+    }
+
+    // Sandstone Scroller의 모든 자식 div에 스크롤바 숨기기
+    > div {
+      scrollbar-width: none;
+
+      &::-webkit-scrollbar {
+        width: 0;
+        height: 0;
+      }
+
+      // 더 깊은 중첩도 처리
+      > div {
+        scrollbar-width: none;
+
+        &::-webkit-scrollbar {
+          width: 0;
+          height: 0;
+        }
+      }
     }
 
     // 두 번째 자식 요소 (스크롤바 영역) 스타일