aboutsummaryrefslogtreecommitdiffhomepage
path: root/client/src/sass/player
diff options
context:
space:
mode:
authorChocobozzz <me@florianbigard.com>2018-06-13 16:29:23 +0200
committerChocobozzz <me@florianbigard.com>2018-06-13 16:31:32 +0200
commit4555697f216e894e5651d8f6d3d971e7d0c17d17 (patch)
tree5f46cba982412b931cfa1854b20dfcd62db7439c /client/src/sass/player
parentdb5529f548d106f16c209b561af64167d983250a (diff)
downloadPeerTube-4555697f216e894e5651d8f6d3d971e7d0c17d17.tar.gz
PeerTube-4555697f216e894e5651d8f6d3d971e7d0c17d17.tar.zst
PeerTube-4555697f216e894e5651d8f6d3d971e7d0c17d17.zip
Adapt theather icon depending on the player state
Diffstat (limited to 'client/src/sass/player')
-rw-r--r--client/src/sass/player/peertube-skin.scss20
-rw-r--r--client/src/sass/player/settings-menu.scss2
2 files changed, 21 insertions, 1 deletions
diff --git a/client/src/sass/player/peertube-skin.scss b/client/src/sass/player/peertube-skin.scss
index e60a854d4..75c6a0e5c 100644
--- a/client/src/sass/player/peertube-skin.scss
+++ b/client/src/sass/player/peertube-skin.scss
@@ -10,6 +10,7 @@
10} 10}
11 11
12.video-js.vjs-peertube-skin { 12.video-js.vjs-peertube-skin {
13
13 font-size: $font-size; 14 font-size: $font-size;
14 color: $primary-foreground-color; 15 color: $primary-foreground-color;
15 16
@@ -402,6 +403,7 @@
402 margin-right: 1px; 403 margin-right: 1px;
403 404
404 .vjs-icon-placeholder { 405 .vjs-icon-placeholder {
406 transition: transform 0.2s ease;
405 display: inline-block; 407 display: inline-block;
406 width: 22px; 408 width: 22px;
407 height: 22px; 409 height: 22px;
@@ -536,6 +538,24 @@
536 width: 33px; 538 width: 33px;
537 } 539 }
538 } 540 }
541
542 // Theater mode is enabled
543 &.vjs-theater-enabled {
544 .vjs-theater-control {
545 width: 30px;
546
547 .vjs-icon-placeholder {
548 transform: scale(0.8);
549 }
550 }
551 }
552
553 // On fullscreen, hide theater control
554 &.vjs-fullscreen {
555 .vjs-theater-control {
556 display: none;
557 }
558 }
539} 559}
540 560
541// Play/pause animations 561// Play/pause animations
diff --git a/client/src/sass/player/settings-menu.scss b/client/src/sass/player/settings-menu.scss
index 6c213c5d1..f95123f52 100644
--- a/client/src/sass/player/settings-menu.scss
+++ b/client/src/sass/player/settings-menu.scss
@@ -13,7 +13,7 @@ $setting-transition-easing: ease-out;
13 @include disable-outline; 13 @include disable-outline;
14 14
15 cursor: pointer; 15 cursor: pointer;
16 width: 37px; 16 width: 33px;
17 17
18 .vjs-icon-placeholder { 18 .vjs-icon-placeholder {
19 display: inline-block; 19 display: inline-block;