From ef2e4fa33a3663ab89c858a87b14ddcdb668beeb Mon Sep 17 00:00:00 2001 From: JLoeve Date: Mon, 18 Jan 2021 17:12:21 +0800 Subject: [PATCH] =?UTF-8?q?fix(extend-video-speed):=20=E4=BF=AE=E5=A4=8D?= =?UTF-8?q?=E8=BE=93=E5=85=A5=E6=A1=86=E5=AD=97=E4=BD=93=E5=A4=A7=E5=B0=8F?= =?UTF-8?q?=EF=BC=8C=E9=A2=9C=E8=89=B2=EF=BC=8C=E8=A1=8C=E9=AB=98=E7=AD=89?= =?UTF-8?q?=E6=A0=B7=E5=BC=8F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/video/video-speed/extend-video-speed.ts | 11 +++++++---- 1 file changed, 7 insertions(+), 4 deletions(-) diff --git a/src/video/video-speed/extend-video-speed.ts b/src/video/video-speed/extend-video-speed.ts index 024194f17..687239b35 100644 --- a/src/video/video-speed/extend-video-speed.ts +++ b/src/video/video-speed/extend-video-speed.ts @@ -102,7 +102,9 @@ export const getExtraSpeedMenuItemElements = async () => { font-size: 1.5em; } .${VideoSpeedController.classNameMap.speedContainer} .${VideoSpeedController.classNameMap.speedMenuItem}:first-child input { - color: #fff; + font-size: inherit; + color: inherit; + line-height: inherit; background: transparent; outline: none; width: 100%; @@ -110,7 +112,8 @@ export const getExtraSpeedMenuItemElements = async () => { text-align: center; } .${VideoSpeedController.classNameMap.speedMenuItem} .mdi-close-circle { - color: hsla(0,0%,100%,.5); + color: inherit; + opacity: 0.5; display: none; position: absolute; right: 4px; @@ -119,8 +122,8 @@ export const getExtraSpeedMenuItemElements = async () => { display: inline; } .${VideoSpeedController.classNameMap.speedMenuItem} .mdi-close-circle:hover { - color: #fff; - transition: color .3s; + opacity: 1; + transition: all .3s; } /* https://stackoverflow.com/a/4298216 */ /* Chrome */