position: absolute;
right: .5em;
bottom: 3.5em;
- color: $primary-foreground-color;
+ color: pvar(--embedForegroundColor);
opacity: $primary-foreground-opacity;
margin: 0 auto;
font-size: $font-size !important;
.vjs-settings-sub-menu-title {
display: table-cell;
padding: 0 5px;
+ text-transform: capitalize;
}
.vjs-settings-sub-menu-title {
transition: all $setting-transition-duration $setting-transition-easing;
.vjs-menu-item {
+ font-size: 1em;
+ text-transform: initial;
&:hover {
+ cursor: pointer;
background-color: rgba(255, 255, 255, 0.2);
}
&:last-child {
margin-bottom: 5px;
}
- }
-
- li {
- font-size: 1em;
- text-transform: initial;
- &:hover {
- cursor: pointer;
+ &.disabled {
+ opacity: 0.5;
+ cursor: default !important;
+ background-color: inherit !important;
}
}
}
.vjs-menu-item {
outline: 0;
font-weight: $font-semibold;
-
- padding: 5px 8px;
text-align: right;
+ padding: 5px 8px;
&.vjs-back-button {
background-color: inherit;
- padding: 8px 8px 13px 8px;
+ padding: 8px 8px 13px 12px;
margin-bottom: 5px;
border-bottom: 1px solid grey;
+ text-align: left;
&::before {
@include chevron-left(9px, 2px);
left: 8px;
content: ' ';
margin-top: 1px;
- background-image: url('#{$assets-path}/player/images/tick.svg');
+ background-image: url('#{$assets-path}/player/images/tick-white.svg');
+ }
+ }
+ }
+
+ // Special captions case
+ // Bigger caption button
+ &.vjs-captions-button {
+ width: 200px;
+
+ .vjs-menu-item {
+ text-align: left;
+
+ .vjs-menu-item-text {
+ margin-left: 25px;
+ text-transform: capitalize;
}
}
}
+
+ .vjs-menu {
+ width: inherit;
+ }
}
}
}
-}
\ No newline at end of file
+}