From ca6113bdd322d5182be0c1a1ded728e7437f7982 Mon Sep 17 00:00:00 2001 From: mahmed2000 Date: Thu, 27 Jun 2024 12:29:28 +0500 Subject: [PATCH] Override default videojs volume panel width --- web/components/video/VideoJS/VideoJS.scss | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/web/components/video/VideoJS/VideoJS.scss b/web/components/video/VideoJS/VideoJS.scss index 23d9c8d0d..b234fc16d 100644 --- a/web/components/video/VideoJS/VideoJS.scss +++ b/web/components/video/VideoJS/VideoJS.scss @@ -9,6 +9,12 @@ flex-shrink: 0; } + .vjs-hover.vjs-volume-panel-horizontal { + // vjs default is 5em icon+padding + 5em slider. + // should match the value above. + width: calc(5em + 100px) !important; + } + .vjs-menu li { color: var(--theme-color-components-text-on-dark); }