]> git.immae.eu Git - github/Chocobozzz/PeerTube.git/blame_incremental - client/src/sass/player/context-menu.scss
Fix select width on view < 800px
[github/Chocobozzz/PeerTube.git] / client / src / sass / player / context-menu.scss
... / ...
CommitLineData
1@import '_variables';
2@import '_mixins';
3@import './_player-variables';
4
5$context-menu-width: 350px;
6
7/* Sass for videojs-contextmenu-ui */
8
9.video-js .vjs-contextmenu-ui-menu {
10 position: absolute;
11 background-color: rgba(0, 0, 0, 0.5);
12 padding: 5px 0;
13 width: $context-menu-width;
14
15 .vjs-menu-content {
16 opacity: $primary-foreground-opacity;
17 color: var(--embedForegroundCsolor);
18 font-size: $font-size !important;
19 font-weight: $font-semibold;
20 }
21
22 .vjs-menu-item {
23 cursor: pointer;
24 font-size: 1em;
25 padding: 8px 16px;
26 text-align: left;
27 text-transform: none;
28
29 &:hover {
30 background-color: rgba(255, 255, 255, 0.2);
31 }
32 }
33}