}
.vjs-big-play-button {
+ outline: 0;
font-size: 8em;
$big-play-width: 3em;
$big-play-height: 1.5em;
- line-height: $big-play-height;
- height: $big-play-height;
- width: $big-play-width;
-
border: 0;
border-radius: 0.3em;
top: 50%;
margin-left: -($big-play-width / 2);
margin-top: -($big-play-height / 2);
- }
-
- &:hover .vjs-big-play-button {
- background-color: transparent;
+ background-color: transparent !important;
}
.vjs-control-bar,
text-align: right;
padding-right: 60px;
+ .vjs-webtorrent-displayed {
+ display: block;
+ }
+
+ .vjs-webtorrent-hidden {
+ display: none;
+ }
+
.download-speed-number, .upload-speed-number, .peers-number {
font-weight: $font-semibold;
}
}
}
}
+
+ @media screen and (max-width: 450px) {
+ .vjs-webtorrent-displayed {
+ display: none !important;
+ }
+ }
}
// Thanks: https://projects.lukehaas.me/css-loaders/
.vjs-loading-spinner {
- margin: 0 !important;
- //position: absolute;
- // 15px is the nav bar height
- top: calc(50% - 15px);
left: 50%;
font-size: 10px;
- position: relative;
text-indent: -9999em;
border: 0.7em solid rgba(255, 255, 255, 0.2);
border-left-color: #ffffff;
transform: translateZ(0);
animation: spinner 1.4s infinite linear;
+ overflow: hidden;
&:before {
animation: none !important;
}
}
}
+