aboutsummaryrefslogtreecommitdiffhomepage
path: root/client/src/sass
diff options
context:
space:
mode:
authorChocobozzz <me@florianbigard.com>2017-12-20 11:05:10 +0100
committerChocobozzz <me@florianbigard.com>2017-12-20 11:05:10 +0100
commit8fa5653ad8bebed9a1b2a649e8ea160184d52408 (patch)
treeeb71b80545a89d73e9b0ef09c695b509360da85c /client/src/sass
parent15ca2e871aa069e596baf9da22b3d2a1ab1a0b1a (diff)
downloadPeerTube-8fa5653ad8bebed9a1b2a649e8ea160184d52408.tar.gz
PeerTube-8fa5653ad8bebed9a1b2a649e8ea160184d52408.tar.zst
PeerTube-8fa5653ad8bebed9a1b2a649e8ea160184d52408.zip
Add transition on play/loading player
Diffstat (limited to 'client/src/sass')
-rw-r--r--client/src/sass/video-js-custom.scss31
1 files changed, 31 insertions, 0 deletions
diff --git a/client/src/sass/video-js-custom.scss b/client/src/sass/video-js-custom.scss
index b093bbdec..724874995 100644
--- a/client/src/sass/video-js-custom.scss
+++ b/client/src/sass/video-js-custom.scss
@@ -39,6 +39,25 @@ $control-bar-height: 34px;
39 background-color: transparent !important; 39 background-color: transparent !important;
40 } 40 }
41 41
42 &.vjs-has-started .vjs-big-play-button {
43 display: block;
44 visibility: hidden;
45 opacity: 0;
46 transition: visibility 0.5s, opacity 0.5s;
47 }
48
49 .vjs-loading-spinner {
50 display: block;
51 visibility: hidden;
52 opacity: 0;
53 }
54
55 &.vjs-waiting .vjs-loading-spinner {
56 visibility: visible;
57 opacity: 1;
58 transition: visibility 0.5s, opacity 0.5s;
59 }
60
42 .vjs-control-bar, 61 .vjs-control-bar,
43 .vjs-big-play-button, 62 .vjs-big-play-button,
44 .vjs-menu-button .vjs-menu-content { 63 .vjs-menu-button .vjs-menu-content {
@@ -308,6 +327,10 @@ $control-bar-height: 34px;
308 } 327 }
309 328
310 @media screen and (max-width: 550px) { 329 @media screen and (max-width: 550px) {
330 .vjs-big-play-button {
331 font-size: 6.5em;
332 }
333
311 .vjs-webtorrent { 334 .vjs-webtorrent {
312 padding: 0 !important; 335 padding: 0 !important;
313 336
@@ -318,6 +341,14 @@ $control-bar-height: 34px;
318 } 341 }
319 342
320 @media screen and (max-width: 300px) { 343 @media screen and (max-width: 300px) {
344 .vjs-dock-text {
345 font-size: 1.5em;
346 }
347
348 .vjs-big-play-button {
349 font-size: 5em;
350 }
351
321 .vjs-volume-control { 352 .vjs-volume-control {
322 display: none !important; 353 display: none !important;
323 } 354 }