From 0afc4f07c081c9a026c3a3d17fe76e61a8de300b Mon Sep 17 00:00:00 2001
From: Omar Roth <omarroth@protonmail.com>
Date: Fri, 3 May 2019 08:51:27 -0500
Subject: [PATCH] Show mouse display on hover

---
 src/plugin.js   | 8 ++++----
 src/plugin.scss | 2 +-
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/plugin.js b/src/plugin.js
index 089ec51..ea240a0 100644
--- a/src/plugin.js
+++ b/src/plugin.js
@@ -164,15 +164,15 @@ class vttThumbnailsPlugin {
   }
 
   setupThumbnailElement (data) {
-    const mouseDisplay = this.player.$('.vjs-mouse-display')
     this.progressBar = this.player.$('.vjs-progress-control')
     const thumbHolder = document.createElement('div')
     thumbHolder.setAttribute('class', 'vjs-vtt-thumbnail-display')
     this.progressBar.appendChild(thumbHolder)
     this.thumbnailHolder = thumbHolder
-    if(mouseDisplay) {
-      mouseDisplay.classList.add('vjs-hidden')
-    }
+    // const mouseDisplay = this.player.$('.vjs-mouse-display');
+    // if(mouseDisplay) {
+    //   mouseDisplay.classList.add('vjs-hidden')
+    // }
     this.registeredEvents.progressBarMouseEnter = () => { return this.onBarMouseenter() };
     this.registeredEvents.progressBarMouseLeave = () => { return this.onBarMouseleave() };
     this.progressBar.addEventListener('mouseenter', this.registeredEvents.progressBarMouseEnter)
diff --git a/src/plugin.scss b/src/plugin.scss
index 2e49816..cdfa4e6 100644
--- a/src/plugin.scss
+++ b/src/plugin.scss
@@ -9,7 +9,7 @@
 
   .vjs-vtt-thumbnail-display {
     position: absolute;
-    transition: transform .1s, opacity .2s;
+    // transition: transform .1s, opacity .2s;
     bottom: 85%;
     pointer-events: none;
     box-shadow: 0 0 7px rgba(0,0,0,.6);