diff --git a/com.twin.app.shoptime/src/components/MediaPlayer/MediaSlider.module.less b/com.twin.app.shoptime/src/components/MediaPlayer/MediaSlider.module.less index cfca3fca..00bccad4 100644 --- a/com.twin.app.shoptime/src/components/MediaPlayer/MediaSlider.module.less +++ b/com.twin.app.shoptime/src/components/MediaPlayer/MediaSlider.module.less @@ -18,8 +18,7 @@ @slider-padding-h: @sand-mediaplayer-slider-knob-size; margin-left: 130px; margin-right: 130px; - flex: 1 0 auto; - width: 1540px; + flex: 1 0 auto; height: 6px; &.videoVertical { @@ -31,10 +30,11 @@ } .mediaSlider { - margin: 0 @slider-padding-h; + margin: 0 0 0 @slider-padding-h; padding: @slider-padding-v 0; height: @sand-mediaplayer-slider-height; right: 154px; + width: 1466px; // Add a tap area that extends to the edges of the screen, to make the slider more accessible &::before { content: ""; diff --git a/com.twin.app.shoptime/src/components/MediaPlayer/Times.module.less b/com.twin.app.shoptime/src/components/MediaPlayer/Times.module.less index c43a82b5..647665b8 100644 --- a/com.twin.app.shoptime/src/components/MediaPlayer/Times.module.less +++ b/com.twin.app.shoptime/src/components/MediaPlayer/Times.module.less @@ -6,23 +6,29 @@ .times { position: absolute; font-family: @baseFont; - width: 100%; - top: 22px; - right: 30px; + width: 100%; + right: 90px; + bottom: -5px; font-size: 24px; font-weight: bold; line-height: 30px; text-align: right; - + letter-spacing: -1px; .separator { position: absolute; - right: 110px; + right: 105px; + bottom: -5px; } .currentTime { position: absolute; - right: 140px; + right: 130px; + bottom: -5px; + } + .totalTime { + position: absolute; + bottom: -5px; + right:0px; } - > * { color: #fff; } diff --git a/com.twin.app.shoptime/src/components/VideoPlayer/VideoPlayer.module.less b/com.twin.app.shoptime/src/components/VideoPlayer/VideoPlayer.module.less index b7e287a9..798f4739 100644 --- a/com.twin.app.shoptime/src/components/VideoPlayer/VideoPlayer.module.less +++ b/com.twin.app.shoptime/src/components/VideoPlayer/VideoPlayer.module.less @@ -692,10 +692,10 @@ // display: flex; position: relative; align-items: center; - margin-left: 60px; - margin-right: 59px; height: 70px; - bottom: -20px; + width:1800px; + margin-left:60px; + bottom:92px; > *:first-child { text-align: right; } diff --git a/com.twin.app.shoptime/src/views/PlayerPanel/PlayerTabContents/v2/LiveChannelNext.module.less b/com.twin.app.shoptime/src/views/PlayerPanel/PlayerTabContents/v2/LiveChannelNext.module.less index 4773d1ef..87b2a12b 100644 --- a/com.twin.app.shoptime/src/views/PlayerPanel/PlayerTabContents/v2/LiveChannelNext.module.less +++ b/com.twin.app.shoptime/src/views/PlayerPanel/PlayerTabContents/v2/LiveChannelNext.module.less @@ -3,7 +3,7 @@ .container { position: fixed; - bottom: 40px; + bottom: 30px; left: 50%; transform: translateX(-50%); z-index: 5; @@ -14,7 +14,7 @@ max-width: 455px; height: 92px; padding: 10px 10px 10px 10px; - margin-bottom: 50px; + margin-bottom: 10px; background: rgba(0, 0, 0, 0.3); border: 1px solid rgba(234, 234, 234, 0.3); border-radius: 100px;