From 8cac1b6446a97b16387c9590ce5c799a79a759fa Mon Sep 17 00:00:00 2001 From: Chocobozzz Date: Wed, 14 Feb 2018 17:16:32 +0100 Subject: Move adding a video view videojs peertube plugin --- client/src/sass/video-js-custom.scss | 19 +++++++++++++------ 1 file changed, 13 insertions(+), 6 deletions(-) (limited to 'client/src/sass/video-js-custom.scss') 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; .vjs-big-play-button { outline: 0; - font-size: 8em; + font-size: 7em; - $big-play-width: 3em; - $big-play-height: 1.5em; + $big-play-width: 1.5em; + $big-play-height: 1em; border: 0; border-radius: 0.3em; left: 50%; top: 50%; + width: $big-play-width; + height: $big-play-height; + line-height: $big-play-height; margin-left: -($big-play-width / 2); margin-top: -($big-play-height / 2); - background-color: transparent !important; + transition: opacity 0.5s; &::-moz-focus-inner { border: 0; @@ -47,8 +50,12 @@ $control-bar-height: 34px; transition: text-shadow 0.3s; } - &:hover .vjs-icon-placeholder::before { - text-shadow: 0 0 2px rgba(255, 255, 255, 0.8); + &:hover { + opacity: 0.9; + + .vjs-icon-placeholder::before { + text-shadow: 0 0 1px rgba(255, 255, 255, 0.8); + } } } -- cgit v1.2.3