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 f38671ad..e92555e2 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 @@ -489,6 +489,10 @@ align-items: center !important; justify-content: center !important; cursor: default !important; + user-select: none !important; + -webkit-user-select: none !important; + caret-color: transparent !important; + &.shopByMobileOne { margin: 0 6px 0 0; } @@ -500,11 +504,27 @@ font-weight: 400 !important; line-height: 35px !important; text-align: center !important; + user-select: none !important; + -webkit-user-select: none !important; + pointer-events: none !important; + caret-color: transparent !important; + } + + // Marquee와 내부 요소들의 커서 숨김 + .marquee, + .marquee > div, + .marquee > div > div, + .text { + user-select: none !important; + -webkit-user-select: none !important; + caret-color: transparent !important; + cursor: default !important; } // 포커스 상태 추가 &:focus { background: @PRIMARY_COLOR_RED !important; + outline: none !important; // outline: 2px solid @PRIMARY_COLOR_RED !important; .shopByMobileText { diff --git a/com.twin.app.shoptime/src/views/DetailPanel/ProductContentSection/ProductVideo/ProductVideo.module.less b/com.twin.app.shoptime/src/views/DetailPanel/ProductContentSection/ProductVideo/ProductVideo.module.less index 580d6b10..7ef91eb9 100644 --- a/com.twin.app.shoptime/src/views/DetailPanel/ProductContentSection/ProductVideo/ProductVideo.module.less +++ b/com.twin.app.shoptime/src/views/DetailPanel/ProductContentSection/ProductVideo/ProductVideo.module.less @@ -13,6 +13,9 @@ box-sizing: border-box; padding: 6px; // 포커스 테두리를 위한 공간 overflow: hidden; + user-select: none !important; + -webkit-user-select: none !important; + caret-color: transparent !important; .videoThumbnailWrapper { position: relative; // width: 658px; @@ -24,6 +27,9 @@ justify-content: center; margin: auto; overflow: hidden; + user-select: none !important; + -webkit-user-select: none !important; + caret-color: transparent !important; .videoThumbnail { width: 100%; margin: 0; @@ -34,6 +40,9 @@ background-color: @COLOR_WHITE; border-radius: 8px; transition: all 0.2s ease; + user-select: none !important; + -webkit-user-select: none !important; + caret-color: transparent !important; } .playButtonOverlay { @@ -43,11 +52,16 @@ transform: translate(-50%, -50%); z-index: 2; transition: opacity 0.3s ease; + user-select: none !important; + -webkit-user-select: none !important; + caret-color: transparent !important; img { width: 80px; height: 80px; filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.3)); + user-select: none !important; + -webkit-user-select: none !important; } } } diff --git a/com.twin.app.shoptime/src/views/MediaPanel/MediaPanel.v3.jsx b/com.twin.app.shoptime/src/views/MediaPanel/MediaPanel.v3.jsx index ed4cd6d7..532acc7f 100644 --- a/com.twin.app.shoptime/src/views/MediaPanel/MediaPanel.v3.jsx +++ b/com.twin.app.shoptime/src/views/MediaPanel/MediaPanel.v3.jsx @@ -231,7 +231,7 @@ const MediaPanel = React.forwardRef( panelInfo.shptmBanrTpNm === 'LIVE' ? null : 0 ); const [isUpdate, setIsUpdate] = USE_STATE('isUpdate', false); - const [isSubtitleActive, setIsSubtitleActive] = USE_STATE('isSubtitleActive', true); + const [isSubtitleActive, setIsSubtitleActive] = USE_STATE('isSubtitleActive', false); const [logStatus, setLogStatus] = USE_STATE('logStatus', { isModalLiveLogReady: false, isFullLiveLogReady: false,