@use '_variables' as *;
@use '_mixins' as *;
+@use '_icons' as *;
@use './_player-variables' as *;
$setting-transition-duration: 0.15s;
.video-js {
- .vjs-settings {
- @include disable-outline;
-
- cursor: pointer;
- width: 33px;
-
- .vjs-icon-placeholder {
- display: inline-block;
- width: 17px;
- height: 17px;
- vertical-align: middle;
- background: url('#{$assets-path}/player/images/settings.svg') no-repeat;
- background-size: contain;
-
- &::before {
- content: '';
- }
- }
- }
-
.vjs-settings-sub-menu-title {
width: 4em;
text-transform: initial;
opacity: $primary-foreground-opacity;
margin: 0 auto;
font-size: $font-size !important;
+ z-index: 100;
width: auto;
overflow: hidden;