IntenseWebs/PeerTube
3
0
Fork 0
mirror of https://github.com/Chocobozzz/PeerTube.git synced 2024-11-22 08:46:54 -06:00
Code Issues Packages Projects Releases Wiki Activity

Embed player responsive

Browse Source
This commit is contained in:
Chocobozzz 2017-12-11 10:26:29 +01:00
parent 20206dfb0b
commit 9e6b41cc1d
No known key found for this signature in database
GPG Key ID: 583A612D890159BE
3 changed files with 24 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -23,6 +23,7 @@ $control-bar-height: 34px;
}
.vjs-big-play-button {
outline: 0;
font-size: 8em;
$big-play-width: 3em;

2
client/src/standalone/videos/embed.html
View File

@ -11,7 +11,7 @@
<body>
<video id="video-container" class="video-js vjs-sublime-skin vjs-big-play-centered">
<video id="video-container" class="video-js vjs-peertube-skin">
</video>
</body>

32
client/src/standalone/videos/embed.scss
View File

@ -23,17 +23,13 @@ html, body {
}
.vjs-peertube-link {
color: white;
color: #fff;
text-decoration: none;
font-size: 1.3em;
line-height: 2.20;
font-size: $font-size;
line-height: $control-bar-height;
transition: all .4s;
position: relative;
right: 8px;
}
.vjs-resolution-button-label {
left: -7px;
font-weight: $font-semibold;
margin-right: 3px;
}
.vjs-peertube-link:hover {
@ -42,5 +38,21 @@ html, body {
// Fix volume panel because we added a new component (PeerTube link)
.vjs-volume-panel {
margin-right: 130px !important;
margin-right: 121px !important;
}
@media screen and (max-width: 350px) {
.vjs-play-control {
padding: 0 5px !important;
width: 25px !important;
}
.vjs-volume-control {
display: none !important;
}
.vjs-volume-panel {
width: 26px !important;
margin-right: 140px !important;
}
}