From b70e8267acaaa6a64dcb97d8b0c989430d193441 Mon Sep 17 00:00:00 2001 From: Yiannis Christodoulou Date: Thu, 2 Oct 2025 12:13:28 +0300 Subject: [PATCH] Add custom styling for subtitles button --- frontend-tools/video-js/src/VideoJS.css | 18 ++++++++++++++++++ 1 file changed, 18 insertions(+) diff --git a/frontend-tools/video-js/src/VideoJS.css b/frontend-tools/video-js/src/VideoJS.css index 0ca03235..8e4591b7 100644 --- a/frontend-tools/video-js/src/VideoJS.css +++ b/frontend-tools/video-js/src/VideoJS.css @@ -197,6 +197,24 @@ html { background: rgba(0, 0, 0, 0.2) !important; } +/* Subtitles button wrapper styling */ +.video-js .vjs-subtitles-button.vjs-menu-button { + order: 7 !important; + display: flex !important; + align-items: center !important; + justify-content: center !important; + position: relative !important; + background: rgba(0, 0, 0, 0.1) !important; + border-radius: 6px !important; + padding: 2px !important; + margin: 0 2px !important; + transition: background-color 0.3s ease !important; +} + +.video-js .vjs-subtitles-button.vjs-menu-button:hover { + background: rgba(0, 0, 0, 0.2) !important; +} + .video-js .vjs-control { height: auto !important; }