aboutsummaryrefslogtreecommitdiffhomepage
path: root/client/src/sass
diff options
context:
space:
mode:
Diffstat (limited to 'client/src/sass')
-rw-r--r--client/src/sass/video-js-custom.scss30
1 files changed, 30 insertions, 0 deletions
diff --git a/client/src/sass/video-js-custom.scss b/client/src/sass/video-js-custom.scss
index 680958a9f..350e7cdd5 100644
--- a/client/src/sass/video-js-custom.scss
+++ b/client/src/sass/video-js-custom.scss
@@ -21,6 +21,8 @@ $slider-bg-color: lighten($primary-background-color, 33%);
21$setting-transition-duration: 0.15s; 21$setting-transition-duration: 0.15s;
22$setting-transition-easing: ease-out; 22$setting-transition-easing: ease-out;
23 23
24$context-menu-width: 350px;
25
24.video-js.vjs-peertube-skin { 26.video-js.vjs-peertube-skin {
25 font-size: $font-size; 27 font-size: $font-size;
26 color: $primary-foreground-color; 28 color: $primary-foreground-color;
@@ -787,4 +789,32 @@ $setting-transition-easing: ease-out;
787 } 789 }
788 } 790 }
789 } 791 }
792}
793
794/* Sass for videojs-contextmenu-ui */
795
796.video-js .vjs-contextmenu-ui-menu {
797 position: absolute;
798 background-color: rgba(0, 0, 0, 0.5);
799 padding: 5px 0;
800 width: $context-menu-width;
801
802 .vjs-menu-content {
803 opacity: $primary-foreground-opacity;
804 color: $primary-foreground-color;
805 font-size: $font-size !important;
806 font-weight: $font-semibold;
807 }
808
809 .vjs-menu-item {
810 cursor: pointer;
811 font-size: 1em;
812 padding: 8px 16px;
813 text-align: left;
814 text-transform: none;
815
816 &:hover {
817 background-color: rgba(255, 255, 255, 0.2);
818 }
819 }
790} \ No newline at end of file 820} \ No newline at end of file