From bdfec44c9f3a37dbbe05bf14a252ffec04132a86 Mon Sep 17 00:00:00 2001 From: king <18310653075@163.com> Date: 星期二, 06 九月 2022 21:24:28 +0800 Subject: [PATCH] Merge branch 'develop' --- src/components/video/index.scss | 30 ++++++++++++++++++++---------- 1 files changed, 20 insertions(+), 10 deletions(-) diff --git a/src/components/video/index.scss b/src/components/video/index.scss index 1c11bbc..7fad5d4 100644 --- a/src/components/video/index.scss +++ b/src/components/video/index.scss @@ -25,7 +25,7 @@ .video-react .video-react-volume-menu-button, .video-react .video-react-play-control, .video-react .video-react-play-progress, .video-react .video-react-big-play-button { /* use !important to prevent issues with browser extensions that change fonts */ font-family: "video-react" !important; - speak: none; + // speak: none; font-style: normal; font-weight: normal; font-variant: normal; @@ -703,8 +703,7 @@ ginormous. If you'd like to enable the current time tooltip all the time, this should be disabled to avoid a weird hitch when you roll off the hover. */ .video-react .video-react-progress-control:hover .video-react-time-tooltip, -.video-react .video-react-progress-control:hover .video-react-mouse-display:after, -.video-react .video-react-progress-control:hover .video-react-play-progress:after { +.video-react .video-react-progress-control:hover .video-react-mouse-display:after { visibility: visible; font-size: 0.6em; } @@ -728,14 +727,13 @@ } .video-react .video-react-play-progress:before { position: absolute; - top: -0.3333333333em; + top: -4px; right: -0.5em; font-size: 0.9em; } .video-react .video-react-time-tooltip, -.video-react .video-react-mouse-display:after, -.video-react .video-react-play-progress:after { +.video-react .video-react-mouse-display:after { visibility: hidden; pointer-events: none; position: absolute; @@ -753,8 +751,7 @@ } .video-react .video-react-time-tooltip, -.video-react .video-react-play-progress:before, -.video-react .video-react-play-progress:after { +.video-react .video-react-play-progress:before { z-index: 1; } @@ -930,13 +927,13 @@ } .video-react .video-react-slider-vertical .video-react-volume-level:before { top: -0.5em; - left: -0.3em; + left: -4px; } .video-react .video-react-slider-horizontal .video-react-volume-level { height: 0.3em; } .video-react .video-react-slider-horizontal .video-react-volume-level:before { - top: -0.3em; + top: -4px; right: -0.5em; } .video-react .video-react-menu-button-popup.video-react-volume-menu-button .video-react-menu { @@ -1046,4 +1043,17 @@ .video-react video::-webkit-media-text-track-container { -webkit-transform: translateY(-30px); transform: translateY(-30px); +} + +.video-react .video-react-play-progress:after { + display: none; +} + +.video-react .video-react-current-time { + padding-left: 0px; + padding-right: 4px; +} +.video-react .video-react-duration { + padding-left: 4px; + padding-right: 10px; } \ No newline at end of file -- Gitblit v1.8.0