From 242f484078ed5025ad3f1d616e489f61bb308797 Mon Sep 17 00:00:00 2001
From: optrader <optrader8@gmail.com>
Date: Thu, 13 Nov 2025 13:19:46 +0900
Subject: [PATCH] [251113] fix: MediaPlayer FullScreen overlay controls focus
 ring removed
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

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

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

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

🔧 주요 변경 내용:
  • UI 컴포넌트 아키텍처 개선
  • 코드 정리 및 최적화
---
 .../MediaPlayer/MediaControls.module.less       | 17 +++++++++++------
 1 file changed, 11 insertions(+), 6 deletions(-)

diff --git a/com.twin.app.shoptime/src/components/MediaPlayer/MediaControls.module.less b/com.twin.app.shoptime/src/components/MediaPlayer/MediaControls.module.less
index 31040f67..b4e11e2b 100644
--- a/com.twin.app.shoptime/src/components/MediaPlayer/MediaControls.module.less
+++ b/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;