diff --git a/com.twin.app.shoptime/src/components/VideoPlayer/VideoPlayer.v3.module.less b/com.twin.app.shoptime/src/components/VideoPlayer/VideoPlayer.v3.module.less index ed10c341..9db37b53 100644 --- a/com.twin.app.shoptime/src/components/VideoPlayer/VideoPlayer.v3.module.less +++ b/com.twin.app.shoptime/src/components/VideoPlayer/VideoPlayer.v3.module.less @@ -727,9 +727,10 @@ bottom: -20px; > *:first-child { text-align: right; + margin-right: 12px; } - > * + * { - margin-left: 12px; + > *:nth-child(2) { + margin-right: 12px; } .enact-locale-rtl({ @@ -790,88 +791,4 @@ }); } -// ========== MediaPlayer.v2 Controls ========== -.controlsContainer { - position: absolute; - bottom: 0; - left: 0; - right: 0; - padding: 20px 40px 30px; - background: linear-gradient(to top, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.7) 60%, transparent 100%); - z-index: 10; - display: flex; - flex-direction: column; - > * + * { - margin-top: 16px; - } -} - -.sliderContainer { - display: flex; - align-items: center; - width: 100%; - - > * + * { - margin-left: 12px; - } -} - -.times { - min-width: 80px; - text-align: center; -} - -.controlsButtons { - display: flex; - justify-content: center; - align-items: center; - - > * + * { - margin-left: 20px; - } -} - -.playPauseBtn { - width: 60px; - height: 60px; - font-size: 24px; - background: rgba(255, 255, 255, 0.2); - border: 2px solid rgba(255, 255, 255, 0.6); - border-radius: 50%; - color: white; - cursor: pointer; - display: flex; - align-items: center; - justify-content: center; - transition: all 0.2s; - - &:hover { - background: rgba(255, 255, 255, 0.3); - border-color: white; - } - - &:active { - transform: scale(0.95); - } -} - -.backBtn { - padding: 12px 24px; - font-size: 18px; - background: rgba(255, 255, 255, 0.2); - border: 2px solid rgba(255, 255, 255, 0.6); - border-radius: 8px; - color: white; - cursor: pointer; - transition: all 0.2s; - - &:hover { - background: rgba(255, 255, 255, 0.3); - border-color: white; - } - - &:active { - transform: scale(0.98); - } -}