From 80d1057bfcd3582af0dacf5ccd5a7a93ef95410b Mon Sep 17 00:00:00 2001
From: Chocobozzz <me@florianbigard.com>
Date: Mon, 29 Jan 2018 16:45:29 +0100
Subject: Add little effect on hover for the play button

---
 client/src/sass/video-js-custom.scss | 8 ++++++++
 1 file changed, 8 insertions(+)

(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 351ef21cd..8ff963573 100644
--- a/client/src/sass/video-js-custom.scss
+++ b/client/src/sass/video-js-custom.scss
@@ -42,6 +42,14 @@ $control-bar-height: 34px;
       border: 0;
       padding: 0
     }
+
+    .vjs-icon-placeholder::before {
+      transition: text-shadow 0.3s;
+    }
+
+    &:hover .vjs-icon-placeholder::before {
+      text-shadow: 0 0 2px rgba(255, 255, 255, 0.8);
+    }
   }
 
   &.vjs-has-started .vjs-big-play-button {
-- 
cgit v1.2.3