]>
Commit | Line | Data |
---|---|---|
8cbc40b2 C |
1 | @use '_variables' as *; |
2 | @use '_mixins' as *; | |
3 | @use './_player-variables' as *; | |
2a19a1e4 C |
4 | |
5 | $context-menu-width: 350px; | |
6 | ||
7 | /* Sass for videojs-contextmenu-ui */ | |
8 | ||
9 | .video-js .vjs-contextmenu-ui-menu { | |
10 | position: absolute; | |
ff563914 | 11 | background-color: $primary-background-color; |
83ff5481 RK |
12 | padding: 8px 0; |
13 | border-radius: 4px; | |
2a19a1e4 | 14 | width: $context-menu-width; |
cb4bab61 | 15 | z-index: 105; // On top of the progress bar |
2a19a1e4 C |
16 | |
17 | .vjs-menu-content { | |
18 | opacity: $primary-foreground-opacity; | |
d7941370 | 19 | color: pvar(--embedForegroundColor); |
2a19a1e4 C |
20 | font-size: $font-size !important; |
21 | font-weight: $font-semibold; | |
22 | } | |
23 | ||
24 | .vjs-menu-item { | |
25 | cursor: pointer; | |
26 | font-size: 1em; | |
27 | padding: 8px 16px; | |
27bc9586 | 28 | text-align: start; |
2a19a1e4 C |
29 | text-transform: none; |
30 | ||
31 | &:hover { | |
32 | background-color: rgba(255, 255, 255, 0.2); | |
33 | } | |
83ff5481 | 34 | |
931d3430 C |
35 | [class^='vjs-icon-'] { |
36 | $icons: 'link-2', 'repeat', 'code', 'tick-white', 'info'; | |
37 | ||
27bc9586 C |
38 | @include margin-right(0.8rem !important); |
39 | ||
83ff5481 RK |
40 | display: inline-flex; |
41 | position: relative; | |
42 | top: 2px; | |
43 | cursor: pointer; | |
44 | width: 14px; | |
45 | height: 14px; | |
931d3430 | 46 | background-color: #fff; |
fa1e07ca C |
47 | |
48 | -webkit-mask-size: cover; | |
83ff5481 | 49 | mask-size: cover; |
83ff5481 | 50 | |
83ff5481 RK |
51 | @each $icon in $icons { |
52 | &[class$="-#{$icon}"] { | |
53 | mask-image: url('#{$assets-path}/player/images/#{$icon}.svg'); | |
bc4c9cc1 | 54 | -webkit-mask-image: url('#{$assets-path}/player/images/#{$icon}.svg'); |
83ff5481 RK |
55 | } |
56 | } | |
57 | ||
931d3430 | 58 | &[class$='-tick-white'] { |
83ff5481 RK |
59 | float: right; |
60 | margin: 0 !important; | |
61 | } | |
62 | } | |
2a19a1e4 | 63 | } |
5efab546 | 64 | } |