fix(control-bar): align center

videojs · Nov 3, 2022 · e2faeca · e2faeca
1 parent e49286a
commit e2faeca
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 4 deletions.
diff --git a/src/css/components/_progress.scss b/src/css/components/_progress.scss
@@ -49,6 +49,10 @@
   font-size: 1.666666666666666666em;
 }
 
+.video-js .vjs-progress-control:hover .vjs-play-progress:before{
+  top: -0.333333333333333em;
+}
+
 .video-js .vjs-progress-control:hover .vjs-progress-holder.disabled {
   font-size: 1em;
 }
@@ -79,8 +83,7 @@
     font-size: 0.9em;
     position: absolute;
     right: -0.5em;
-    top: -0.333333333333333em;
-    z-index: 1;
+    top: -0.45em;
   }
 }
 

diff --git a/src/css/components/_volume.scss b/src/css/components/_volume.scss
@@ -157,7 +157,7 @@
 
   // Volume handle
   &:before {
-    top: -0.3em;
+    top: -0.45em;
     right: -0.5em;
   }
 }
@@ -265,4 +265,4 @@
 .vjs-mouse-display .vjs-volume-tooltip {
   color: #fff;
   @include background-color-with-alpha(#000, 0.8);
-}
+}