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

Fix control bar on small screens

This commit is contained in:
Chocobozzz 2020-08-06 09:41:21 +02:00 committed by Chocobozzz
parent 4485dafb0e
commit 92d54714b9
3 changed files with 12 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
client/src/sass/player/_player-variables.scss
View File

@ -12,4 +12,6 @@ $progress-margin: 10px;
$dock-padding: 20px;
$first-control-bar-element-margin-left: 1em;
$assets-path: '../../assets/' !default;

11
client/src/sass/player/peertube-skin.scss
View File

@ -21,6 +21,7 @@ body {
.vjs-dock-text {
padding: $dock-padding;
padding-right: 60px;
background: linear-gradient(to bottom, rgba(0, 0, 0, .6) 0, rgba(0, 0, 0, 0.2) 70%, rgba(0, 0, 0, 0) 100%);
}
@ -148,7 +149,7 @@ body {
text-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
> button:first-child {
margin-left: 1em;
margin-left: $first-control-bar-element-margin-left;
}
.vjs-progress-control,
@ -583,7 +584,9 @@ body {
}
}
.vjs-volume-control {
.vjs-volume-control,
.vjs-next-video,
.vjs-previous-video {
display: none !important;
}
@ -594,6 +597,10 @@ body {
.vjs-settings {
width: 33px;
}
.vjs-play-control {
margin-left: $first-control-bar-element-margin-left;
}
}
// Theater mode is enabled

2
client/src/sass/player/playlist.scss
View File

@ -8,7 +8,7 @@ $playlist-menu-width: 350px;
background: rgba(0, 0, 0, 0.8);
z-index: 101;
transition: right 0.2s;
overflow-y: auto;
overflow-y: scroll;
// Hidden
right: -$playlist-menu-width;