optrader/shoptime
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[251101] fix: TScrollerDetail 기본스크롤 스타일 변경

Browse Source 
🕐 커밋 시간: 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 컴포넌트 아키텍처 개선
  • 소규모 기능 개선
This commit is contained in:
hyeon soo noh
2025-11-01 19:10:51 +09:00
parent a6ffcaca22
commit 0e5282476d
3 changed files with 39 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
com.twin.app.shoptime/src/views/DetailPanel/ProductAllSection/ProductAllSection.module.less
View File

@@ -449,7 +449,7 @@
&:focus { &:focus {
background: @PRIMARY_COLOR_RED !important; background: @PRIMARY_COLOR_RED !important;
outline: 2px solid @PRIMARY_COLOR_RED !important; // outline: 2px solid @PRIMARY_COLOR_RED !important;
.buyNowText { .buyNowText {
color: white !important; color: white !important;
@@ -506,7 +506,7 @@
// 포커스 상태 추가 // 포커스 상태 추가
&:focus { &:focus {
background: @PRIMARY_COLOR_RED !important; background: @PRIMARY_COLOR_RED !important;
outline: 2px solid @PRIMARY_COLOR_RED !important; // outline: 2px solid @PRIMARY_COLOR_RED !important;
.shopByMobileText { .shopByMobileText {
color: white !important; color: white !important;
@@ -515,7 +515,7 @@
&.active { &.active {
background: #4f172c; background: #4f172c;
outline: 2px solid #4f172c; // outline: 2px solid #4f172c;
.shopByMobileText { .shopByMobileText {
color: white !important; color: white !important;
} }
@@ -599,7 +599,7 @@
&:focus { &:focus {
background: @PRIMARY_COLOR_RED !important; background: @PRIMARY_COLOR_RED !important;
outline: 2px solid @PRIMARY_COLOR_RED !important; // outline: 2px solid @PRIMARY_COLOR_RED !important;
.addToCartText { .addToCartText {
color: white !important; color: white !important;

2
com.twin.app.shoptime/src/views/DetailPanel/components/FavoriteBtn.module.less
View File

@@ -15,7 +15,7 @@
.imgElement(29px, 25px, center, center); .imgElement(29px, 25px, center, center);
&:focus { &:focus {
background-color: @PRIMARY_COLOR_RED !important; // 포커스시 빨간색 배경 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); background-image: url(../../../../assets/images/icons/ic_heart_3x.png);
} }
} }

34
com.twin.app.shoptime/src/views/DetailPanel/components/TScroller/TScrollerDetail.module.less
View File

@@ -14,6 +14,13 @@
position: relative; position: relative;
overflow-y: auto; overflow-y: auto;
overflow-x: hidden; overflow-x: hidden;
scrollbar-width: none; // Firefox: 브라우저 기본 스크롤바 숨기기
// WebKit 브라우저에서 모든 스크롤바 숨기기
&::-webkit-scrollbar {
width: 0;
height: 0;
}
// Sandstone Scroller 내부 콘텐츠 컨테이너 스타일 // Sandstone Scroller 내부 콘텐츠 컨테이너 스타일
> div:nth-child(1) { > div:nth-child(1) {
@@ -23,6 +30,33 @@
margin: 0; margin: 0;
box-sizing: border-box; box-sizing: border-box;
overflow: visible; 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;
}
}
} }
// 두 번째 자식 요소 (스크롤바 영역) 스타일 // 두 번째 자식 요소 (스크롤바 영역) 스타일