forks
/
peertube
1
0
Fork 0
Code Releases Activity

Responsive player

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

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

@ -138,6 +138,14 @@ $control-bar-height: 34px;
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;
}
@ -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/
@ -340,3 +354,4 @@ $control-bar-height: 34px;
}
}
}