[SHOPTIME-3830] Hot Picks / 상품 detail / 영상이 있는 경우 full 화면 전환 시 화면 상이
[원인] 테마 상품 인디게이터를 매직마우스로 포커스하기 위해서 z-index값을 올려 동영상안에 있는 인디게이터 버튼이 최상단으로 올라가서 나타난 문제
[대책] isOnTop일때만 인디게이터를 노출시키면서 Full Video로 진입했을때 보이지 않도록 수정
youmaylike z-index값을 인디게이터보다 높게 올려서 youmaylike도 화살표 버튼이 안보이게 수정
( isOnTop으로 조절하면 깜박거리는 현상이 있어 youmaylike도 isOnTop이 아닐경우에 비노출 )
This commit is contained in:
@@ -480,7 +480,7 @@ export default function DetailPanel({ panelInfo, isOnTop, spotlightId }) {
|
||||
)}
|
||||
</TBody>
|
||||
</TPanel>
|
||||
{lgCatCd && youmaylikeData && youmaylikeData.length > 0 && (
|
||||
{lgCatCd && youmaylikeData && youmaylikeData.length > 0 && isOnTop && (
|
||||
<YouMayLike
|
||||
isUnable={
|
||||
productData?.pmtSuptYn === "N" ||
|
||||
|
||||
@@ -10,7 +10,7 @@
|
||||
border-top: 4px solid #7a808d;
|
||||
box-shadow: 0 0 22px 0 rgba(0, 0, 0, 0.5);
|
||||
background-color: #ffffff;
|
||||
z-index: 10;
|
||||
z-index: 23;
|
||||
|
||||
&.focused {
|
||||
.focusDropShadow();
|
||||
|
||||
@@ -355,6 +355,7 @@ function ThemeIndicator({
|
||||
)}
|
||||
</SpottableComponent>
|
||||
|
||||
{isOnTop && (
|
||||
<ThemeIndicatorArrow
|
||||
imageSelectedIndex={imageSelectedIndex}
|
||||
setImageSelectedIndex={setImageSelectedIndex}
|
||||
@@ -365,10 +366,12 @@ function ThemeIndicator({
|
||||
: imageLength
|
||||
}
|
||||
/>
|
||||
)}
|
||||
</div>
|
||||
);
|
||||
}, [
|
||||
themeProductInfo,
|
||||
isOnTop,
|
||||
thumbnailUrls,
|
||||
imageSelectedIndex,
|
||||
selectedImage,
|
||||
|
||||
Reference in New Issue
Block a user