aboutsummaryrefslogtreecommitdiffhomepage
path: root/client/src/sass/video-js-custom.scss
diff options
context:
space:
mode:
authorChocobozzz <florian.bigard@gmail.com>2017-10-06 10:40:09 +0200
committerChocobozzz <florian.bigard@gmail.com>2017-10-06 11:03:09 +0200
commitaa8b6df4a51c82eb91e6fd71a090b2128098af6b (patch)
treeb2d6292ceb34ad71a1ce9b671f0d87923f6c7c21 /client/src/sass/video-js-custom.scss
parent127d96b969891a73d76e257581e5fd81cd867480 (diff)
downloadPeerTube-aa8b6df4a51c82eb91e6fd71a090b2128098af6b.tar.gz
PeerTube-aa8b6df4a51c82eb91e6fd71a090b2128098af6b.tar.zst
PeerTube-aa8b6df4a51c82eb91e6fd71a090b2128098af6b.zip
Client: handle multiple file resolutions
Diffstat (limited to 'client/src/sass/video-js-custom.scss')
-rw-r--r--client/src/sass/video-js-custom.scss32
1 files changed, 31 insertions, 1 deletions
diff --git a/client/src/sass/video-js-custom.scss b/client/src/sass/video-js-custom.scss
index eb5b8f869..4e3aceaab 100644
--- a/client/src/sass/video-js-custom.scss
+++ b/client/src/sass/video-js-custom.scss
@@ -1,3 +1,33 @@
1// Thanks: https://github.com/kmoskwiak/videojs-resolution-switcher/pull/92/files
2.vjs-resolution-button-label {
3 font-size: 1em;
4 line-height: 3em;
5 position: absolute;
6 top: 0;
7 left: -1px;
8 width: 100%;
9 height: 100%;
10 text-align: center;
11 box-sizing: inherit;
12}
13
14.vjs-resolution-button {
15 outline: 0 !important;
16
17 .vjs-menu {
18 .vjs-menu-content {
19 width: 4em;
20 left: 50%; /* Center the menu, in it's parent */
21 margin-left: -2em; /* half of width, to center */
22 }
23
24 li {
25 text-transform: none;
26 font-size: 1em;
27 }
28 }
29}
30
1// Thanks: https://github.com/zanechua/videojs-sublime-inspired-skin 31// Thanks: https://github.com/zanechua/videojs-sublime-inspired-skin
2 32
3// Video JS Sublime Skin 33// Video JS Sublime Skin
@@ -210,7 +240,7 @@ $slider-bg-color: lighten($primary-background-color, 33%);
210 width: 6em; 240 width: 6em;
211 position: absolute; 241 position: absolute;
212 right: 0; 242 right: 0;
213 margin-right: 30px; 243 margin-right: 65px;
214} 244}
215 245
216.vjs-sublime-skin .vjs-volume-menu-button .vjs-menu-content, 246.vjs-sublime-skin .vjs-volume-menu-button .vjs-menu-content,