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

[detail] 오른쪽 포커스이동시 왼쪽 버튼 포커스 스타일 변경

Browse Source 
- css 수정
This commit is contained in:
junghoon86.park
2025-10-13 15:30:37 +09:00
parent 048a396977
commit cde53848a2
1 changed files with 1 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -283,7 +283,6 @@
&:focus {
background: @PRIMARY_COLOR_RED !important; // 포커스시 빨간색 배경
outline: 2px solid @PRIMARY_COLOR_RED !important;
animation: focusShadowPulse 0.4s ease-out !important;
.shopByMobileText {
color: white !important; // 포커스시에도 텍스트는 흰색 유지
@@ -291,7 +290,6 @@
}
&.active {
background: @PRIMARY_COLOR_RED !important;
outline: 2px solid @PRIMARY_COLOR_RED !important;
.shopByMobileText {
@@ -409,11 +407,10 @@
&:focus {
background: @PRIMARY_COLOR_RED; // 포커스시만 빨간색
animation: focusShadowPulse 0.4s ease-out;
}
&.active {
background: @PRIMARY_COLOR_RED;
border: 4px solid @PRIMARY_COLOR_RED;
}
}
@@ -426,7 +423,6 @@
&:focus {
background: @PRIMARY_COLOR_RED;
animation: focusShadowPulse 0.4s ease-out;
}
}
@@ -764,7 +760,6 @@
&:focus {
background: @PRIMARY_COLOR_RED !important; // 포커스시 빨간색 배경
outline: 2px solid @PRIMARY_COLOR_RED !important;
animation: focusShadowPulse 0.4s ease-out !important;
.shopByMobileText {
color: white !important; // 포커스시에도 텍스트는 흰색 유지
@@ -880,7 +875,6 @@
&:focus {
background: @PRIMARY_COLOR_RED; // 포커스시만 빨간색
animation: focusShadowPulse 0.4s ease-out;
}
}
@@ -893,7 +887,6 @@
&:focus {
background: @PRIMARY_COLOR_RED;
animation: focusShadowPulse 0.4s ease-out;
}
}
@@ -1049,7 +1042,6 @@
&:focus {
background: @PRIMARY_COLOR_RED !important;
outline: 2px solid @PRIMARY_COLOR_RED !important;
animation: focusShadowPulse 0.4s ease-out !important;
.buyNowText {
color: white !important;
@@ -1081,7 +1073,6 @@
&:focus {
background: @PRIMARY_COLOR_RED !important;
outline: 2px solid @PRIMARY_COLOR_RED !important;
animation: focusShadowPulse 0.4s ease-out !important;
.addToCartText {
color: white !important;
@@ -1097,16 +1088,3 @@
// PlayerPanel 모달이 이 영역에서만 재생되도록 설정
z-index: 1;
}
// 포커스 Pulse 애니메이션 - Box Shadow 방식
@keyframes focusShadowPulse {
0% {
box-shadow: 0 0 0 0 @PRIMARY_COLOR_RED;
}
50% {
box-shadow: 0 0 0 6px fade(@PRIMARY_COLOR_RED, 50%);
}
100% {
box-shadow: 0 0 0 0 @PRIMARY_COLOR_RED;
}
}