aboutsummaryrefslogtreecommitdiffhomepage
path: root/client/src/sass/video-js-custom.scss
diff options
context:
space:
mode:
authorChocobozzz <me@florianbigard.com>2018-02-14 17:16:32 +0100
committerChocobozzz <me@florianbigard.com>2018-02-14 17:16:32 +0100
commit8cac1b6446a97b16387c9590ce5c799a79a759fa (patch)
tree6ef95c108b9323e47d1b979a01934398b0752dac /client/src/sass/video-js-custom.scss
parenta16aee73db627908dc83eb5c29b213ce8d1fab39 (diff)
downloadPeerTube-8cac1b6446a97b16387c9590ce5c799a79a759fa.tar.gz
PeerTube-8cac1b6446a97b16387c9590ce5c799a79a759fa.tar.zst
PeerTube-8cac1b6446a97b16387c9590ce5c799a79a759fa.zip
Move adding a video view videojs peertube plugin
Diffstat (limited to 'client/src/sass/video-js-custom.scss')
-rw-r--r--client/src/sass/video-js-custom.scss19
1 files changed, 13 insertions, 6 deletions
diff --git a/client/src/sass/video-js-custom.scss b/client/src/sass/video-js-custom.scss
index 8ff963573..209fb1683 100644
--- a/client/src/sass/video-js-custom.scss
+++ b/client/src/sass/video-js-custom.scss
@@ -24,19 +24,22 @@ $control-bar-height: 34px;
24 24
25 .vjs-big-play-button { 25 .vjs-big-play-button {
26 outline: 0; 26 outline: 0;
27 font-size: 8em; 27 font-size: 7em;
28 28
29 $big-play-width: 3em; 29 $big-play-width: 1.5em;
30 $big-play-height: 1.5em; 30 $big-play-height: 1em;
31 31
32 border: 0; 32 border: 0;
33 border-radius: 0.3em; 33 border-radius: 0.3em;
34 34
35 left: 50%; 35 left: 50%;
36 top: 50%; 36 top: 50%;
37 width: $big-play-width;
38 height: $big-play-height;
39 line-height: $big-play-height;
37 margin-left: -($big-play-width / 2); 40 margin-left: -($big-play-width / 2);
38 margin-top: -($big-play-height / 2); 41 margin-top: -($big-play-height / 2);
39 background-color: transparent !important; 42 transition: opacity 0.5s;
40 43
41 &::-moz-focus-inner { 44 &::-moz-focus-inner {
42 border: 0; 45 border: 0;
@@ -47,8 +50,12 @@ $control-bar-height: 34px;
47 transition: text-shadow 0.3s; 50 transition: text-shadow 0.3s;
48 } 51 }
49 52
50 &:hover .vjs-icon-placeholder::before { 53 &:hover {
51 text-shadow: 0 0 2px rgba(255, 255, 255, 0.8); 54 opacity: 0.9;
55
56 .vjs-icon-placeholder::before {
57 text-shadow: 0 0 1px rgba(255, 255, 255, 0.8);
58 }
52 } 59 }
53 } 60 }
54 61