aboutsummaryrefslogtreecommitdiffhomepage
path: root/client/src
diff options
context:
space:
mode:
authorChocobozzz <me@florianbigard.com>2020-08-06 09:41:21 +0200
committerChocobozzz <chocobozzz@cpy.re>2020-08-07 08:58:29 +0200
commit92d54714b91a8e1619d49efac26ea0977a27f532 (patch)
tree8c3e595e099a94b89db815b54d62590ca51d15d9 /client/src
parent4485dafb0e9220f6a93885231f363825975feae3 (diff)
downloadPeerTube-92d54714b91a8e1619d49efac26ea0977a27f532.tar.gz
PeerTube-92d54714b91a8e1619d49efac26ea0977a27f532.tar.zst
PeerTube-92d54714b91a8e1619d49efac26ea0977a27f532.zip
Fix control bar on small screens
Diffstat (limited to 'client/src')
-rw-r--r--client/src/sass/player/_player-variables.scss2
-rw-r--r--client/src/sass/player/peertube-skin.scss11
-rw-r--r--client/src/sass/player/playlist.scss2
3 files changed, 12 insertions, 3 deletions
diff --git a/client/src/sass/player/_player-variables.scss b/client/src/sass/player/_player-variables.scss
index 7dcb21dfe..34ea9e139 100644
--- a/client/src/sass/player/_player-variables.scss
+++ b/client/src/sass/player/_player-variables.scss
@@ -12,4 +12,6 @@ $progress-margin: 10px;
12 12
13$dock-padding: 20px; 13$dock-padding: 20px;
14 14
15$first-control-bar-element-margin-left: 1em;
16
15$assets-path: '../../assets/' !default; 17$assets-path: '../../assets/' !default;
diff --git a/client/src/sass/player/peertube-skin.scss b/client/src/sass/player/peertube-skin.scss
index 6e1d81673..1b7275529 100644
--- a/client/src/sass/player/peertube-skin.scss
+++ b/client/src/sass/player/peertube-skin.scss
@@ -21,6 +21,7 @@ body {
21 21
22 .vjs-dock-text { 22 .vjs-dock-text {
23 padding: $dock-padding; 23 padding: $dock-padding;
24 padding-right: 60px;
24 background: linear-gradient(to bottom, rgba(0, 0, 0, .6) 0, rgba(0, 0, 0, 0.2) 70%, rgba(0, 0, 0, 0) 100%); 25 background: linear-gradient(to bottom, rgba(0, 0, 0, .6) 0, rgba(0, 0, 0, 0.2) 70%, rgba(0, 0, 0, 0) 100%);
25 } 26 }
26 27
@@ -148,7 +149,7 @@ body {
148 text-shadow: 0 0 2px rgba(0, 0, 0, 0.5); 149 text-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
149 150
150 > button:first-child { 151 > button:first-child {
151 margin-left: 1em; 152 margin-left: $first-control-bar-element-margin-left;
152 } 153 }
153 154
154 .vjs-progress-control, 155 .vjs-progress-control,
@@ -583,7 +584,9 @@ body {
583 } 584 }
584 } 585 }
585 586
586 .vjs-volume-control { 587 .vjs-volume-control,
588 .vjs-next-video,
589 .vjs-previous-video {
587 display: none !important; 590 display: none !important;
588 } 591 }
589 592
@@ -594,6 +597,10 @@ body {
594 .vjs-settings { 597 .vjs-settings {
595 width: 33px; 598 width: 33px;
596 } 599 }
600
601 .vjs-play-control {
602 margin-left: $first-control-bar-element-margin-left;
603 }
597 } 604 }
598 605
599 // Theater mode is enabled 606 // Theater mode is enabled
diff --git a/client/src/sass/player/playlist.scss b/client/src/sass/player/playlist.scss
index 15c007295..cf125a562 100644
--- a/client/src/sass/player/playlist.scss
+++ b/client/src/sass/player/playlist.scss
@@ -8,7 +8,7 @@ $playlist-menu-width: 350px;
8 background: rgba(0, 0, 0, 0.8); 8 background: rgba(0, 0, 0, 0.8);
9 z-index: 101; 9 z-index: 101;
10 transition: right 0.2s; 10 transition: right 0.2s;
11 overflow-y: auto; 11 overflow-y: scroll;
12 12
13 // Hidden 13 // Hidden
14 right: -$playlist-menu-width; 14 right: -$playlist-menu-width;