padding: 0;
.vjs-current-time-display {
- line-height: $control-bar-height;
+ line-height: calc(#{$control-bar-height} + 1px);
&::after {
content: "/";
padding: 0;
.vjs-duration-display {
- line-height: $control-bar-height;
+ line-height: calc(#{$control-bar-height} + 1px);
}
}
.vjs-menu-button-popup {
font-size: 13px;
font-weight: $font-semibold;
- width: 42px;
+ width: 50px;
// Thanks: https://github.com/kmoskwiak/videojs-resolution-switcher/pull/92/files
.vjs-resolution-button-label {
line-height: $control-bar-height;
position: absolute;
top: 0;
- left: -1px;
+ left: 4px;
width: 100%;
height: 100%;
text-align: center;
box-sizing: inherit;
+ text-align: center;
}
.vjs-resolution-button {
top: 20px;
.vjs-menu-content {
- width: 4em;
+ width: 50px;
left: 50%; /* Center the menu, in it's parent */
- margin-left: -2em; /* half of width, to center */
+ margin-left: -21px;
}
li {
}
}
- @media screen and (max-width: 450px) {
- .vjs-webtorrent-displayed {
+ @media screen and (max-width: 550px) {
+ .vjs-webtorrent {
+ padding: 0 !important;
+
+ .vjs-webtorrent-displayed {
+ display: none !important;
+ }
+ }
+ }
+
+ @media screen and (max-width: 300px) {
+ .vjs-volume-control {
display: none !important;
}
+
+ .vjs-volume-panel {
+ width: 26px !important;
+ margin-right: 83px !important;
+ }
}
}
border-left-color: #ffffff;
transform: translateZ(0);
animation: spinner 1.4s infinite linear;
+ overflow: hidden;
&:before {
animation: none !important;