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

Add custom styling for chapters button

Browse Source
This commit is contained in:
Yiannis Christodoulou 2025-10-02 12:12:26 +03:00
parent 9e689c88ba
commit 30e3fce967
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

@ -179,6 +179,24 @@ html {
background: rgba(0, 0, 0, 0.2) !important; background: rgba(0, 0, 0, 0.2) !important;
} }
/* Chapters button wrapper styling */
.video-js .vjs-chapters-button.vjs-menu-button {
order: 6 !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-chapters-button.vjs-menu-button:hover {
background: rgba(0, 0, 0, 0.2) !important;
}
.video-js .vjs-control { .video-js .vjs-control {
height: auto !important; height: auto !important;
} }