CopyBot/mediacms
1
0
Fork 0
mirror of https://github.com/mediacms-io/mediacms.git synced 2025-11-08 16:38:54 -05:00
Code Issues Packages Projects Releases Wiki Activity

Add custom styling for subtitles button

Browse Source
This commit is contained in:
Yiannis Christodoulou 2025-10-02 12:13:28 +03:00
parent 30e3fce967
commit b70e8267ac
1 changed files with 18 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
frontend-tools/video-js/src/VideoJS.css
View File

@ -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;
}