OpenCloud
/
PeerTube
mirror of https://github.com/Chocobozzz/PeerTube
1
0
Fork 0
Code Issues Releases Wiki Activity

Responsive player

pull/159/head
Chocobozzz 2017-12-11 09:13:01 +01:00
parent b9828abe54
commit a86309b4af
No known key found for this signature in database
GPG Key ID: 583A612D890159BE
2 changed files with 17 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
client/src/assets/player/peertube-videojs-plugin.ts
View File

@ -156,7 +156,7 @@ const WebTorrentButton = videojsUntyped.extend(Button, {
div.className = 'vjs-webtorrent' div.className = 'vjs-webtorrent'
// Hide the stats before we get the info // Hide the stats before we get the info
subDiv.style.display = 'none' subDiv.className = 'vjs-webtorrent-hidden'
this.player_.on('torrentInfo', (event, data) => { this.player_.on('torrentInfo', (event, data) => {
const downloadSpeed = bytes(data.downloadSpeed) const downloadSpeed = bytes(data.downloadSpeed)
@ -171,7 +171,7 @@ const WebTorrentButton = videojsUntyped.extend(Button, {
peersNumber.textContent = numPeers peersNumber.textContent = numPeers
subDiv.style.display = 'block' subDiv.className = 'vjs-webtorrent-displayed'
}) })
return div return div

15
client/src/sass/video-js-custom.scss
View File

@ -138,6 +138,14 @@ $control-bar-height: 34px;
text-align: right; text-align: right;
padding-right: 60px; padding-right: 60px;
.vjs-webtorrent-displayed {
display: block;
}
.vjs-webtorrent-hidden {
display: none;
}
.download-speed-number, .upload-speed-number, .peers-number { .download-speed-number, .upload-speed-number, .peers-number {
font-weight: $font-semibold; font-weight: $font-semibold;
} }
@ -303,6 +311,12 @@ $control-bar-height: 34px;
} }
} }
} }
@media screen and (max-width: 450px) {
.vjs-webtorrent-displayed {
display: none !important;
}
}
} }
// Thanks: https://projects.lukehaas.me/css-loaders/ // Thanks: https://projects.lukehaas.me/css-loaders/
@ -340,3 +354,4 @@ $control-bar-height: 34px;
} }
} }
} }