Merge pull request #5921 from avalonmediasystem/volume-thumb

Force vertical alignment of horizontal volume slider thumb to top
avalonmediasystem · Jul 12, 2024 · 4eb67b4 · 4eb67b4
2 parents da00ee6 + 01ec215
commit 4eb67b4
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 0 deletions.
diff --git a/app/javascript/components/Ramp.scss b/app/javascript/components/Ramp.scss
@@ -38,6 +38,9 @@
         min-height: 2.9em;
       }
     }
+    .vjs-volume-horizontal .vjs-volume-level .vjs-svg-icon>svg {
+      vertical-align: top;
+    }
   }
 
   .ramp--structured-nav {

diff --git a/app/javascript/components/embeds/Ramp.scss b/app/javascript/components/embeds/Ramp.scss
@@ -45,4 +45,7 @@
       min-height: 2.9em;
     }
   }
+  .vjs-volume-horizontal .vjs-volume-level .vjs-svg-icon>svg {
+    vertical-align: top;
+  }
 }