[251113] fix: MediaPlayer FullScreen overlay controls focus ring removed

🕐 커밋 시간: 2025. 11. 13. 13:19:46

📊 변경 통계:
  • 총 파일: 1개
  • 추가: +11줄
  • 삭제: -6줄

📝 수정된 파일:
  ~ com.twin.app.shoptime/src/components/MediaPlayer/MediaControls.module.less

🔧 주요 변경 내용:
  • UI 컴포넌트 아키텍처 개선
  • 코드 정리 및 최적화

com.twin.app.shoptime/src/components/MediaPlayer/MediaControls.module.less

@@ -67,9 +67,6 @@
     justify-content: center;
     align-items: center;
     &:focus {
-      // border-radius:50%;
-      // > div:nth-child(1) {
-      // display: none;
       .bg {
         width: 78px;
         height: 78px;
@@ -80,10 +77,18 @@
         filter: none !important;
         -webkit-filter: none !important;
       }
-      // }
     }
-
-    .client {
+    // Override Sandstone's default focus halo which shows as a yellow ring
+    &:global(.spottable):focus {
+      outline: none;
+    }
+    &:global(.spottable):focus .bg {
+      filter: none !important;
+      -webkit-filter: none !important;
+      box-shadow: none !important;
+    }
+
+    .client {
       width: 60px;
       height: 60px;
       padding: 0;