fix(control-bar): make vertical alignment of slider handles more cons…

…istent (videojs#7990) Fixes videojs#7989 BREAKING CHANGE: This changes how slider handles are styled, so custom skins that are targeting them may need to change.
edirub · Jun 8, 2023 · c4dffd1 · c4dffd1
1 parent 92ec40d
commit c4dffd1
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/src/css/components/_progress.scss b/src/css/components/_progress.scss
@@ -75,7 +75,7 @@
     font-size: 0.9em;
     position: absolute;
     right: -0.5em;
-    top: -0.333333333333333em;
+    line-height: .35em;
     z-index: 1;
   }
 }

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