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

Embed player responsive

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 { .vjs-big-play-button {
outline: 0;
font-size: 8em; font-size: 8em;
$big-play-width: 3em; $big-play-width: 3em;

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

@ -11,7 +11,7 @@
<body> <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> </video>
</body> </body>

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

@ -23,17 +23,13 @@ html, body {
} }
.vjs-peertube-link { .vjs-peertube-link {
color: white; color: #fff;
text-decoration: none; text-decoration: none;
font-size: 1.3em; font-size: $font-size;
line-height: 2.20; line-height: $control-bar-height;
transition: all .4s; transition: all .4s;
position: relative; font-weight: $font-semibold;
right: 8px; margin-right: 3px;
}
.vjs-resolution-button-label {
left: -7px;
} }
.vjs-peertube-link:hover { .vjs-peertube-link:hover {
@ -42,5 +38,21 @@ html, body {
// Fix volume panel because we added a new component (PeerTube link) // Fix volume panel because we added a new component (PeerTube link)
.vjs-volume-panel { .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;
}
} }