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

Fix control bar on small screens

pull/3047/head
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; $dock-padding: 20px;
$first-control-bar-element-margin-left: 1em;
$assets-path: '../../assets/' !default; $assets-path: '../../assets/' !default;

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

@ -21,6 +21,7 @@ body {
.vjs-dock-text { .vjs-dock-text {
padding: $dock-padding; 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%); 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); text-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
> button:first-child { > button:first-child {
margin-left: 1em; margin-left: $first-control-bar-element-margin-left;
} }
.vjs-progress-control, .vjs-progress-control,
@ -583,7 +584,9 @@ body {
} }
} }
.vjs-volume-control { .vjs-volume-control,
.vjs-next-video,
.vjs-previous-video {
display: none !important; display: none !important;
} }
@ -594,6 +597,10 @@ body {
.vjs-settings { .vjs-settings {
width: 33px; width: 33px;
} }
.vjs-play-control {
margin-left: $first-control-bar-element-margin-left;
}
} }
// Theater mode is enabled // 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); background: rgba(0, 0, 0, 0.8);
z-index: 101; z-index: 101;
transition: right 0.2s; transition: right 0.2s;
overflow-y: auto; overflow-y: scroll;
// Hidden // Hidden
right: -$playlist-menu-width; right: -$playlist-menu-width;