Preview seek: jpeg sprites + much more

- Allow jpeg sprites - much snappier and more accurate
- Fixed bug: right clicking the seek bar sticks on mousedown
- Fixed bug: moving the mouse really quickly results in not updating the thumb
- Fixed bug: if you mousedown but don't move mouse, it shows a stale image in the scrubbing container
- Fixed bug: very first image shows as 0px
- Fixed bug: stretches images when video isn't same aspect as player

1 files changed, 10 insertions, 8 deletions

diff --git a/src/sass/plugins/previewThumbnails.scss b/src/sass/plugins/previewThumbnails.scss
index 92702e39..044048eb 100644
--- a/src/sass/plugins/previewThumbnails.scss
+++ b/src/sass/plugins/previewThumbnails.scss
@@ -18,15 +18,16 @@
     white-space: nowrap;
     z-index: 2;
 
+    overflow: hidden;
+
     img {
         position: absolute;
         left: 0px;
-        right: 0px;
         top: 0px;
-        bottom: 0px;
-        margin: auto;
-        height: 100%;
+        height: 100%; // Non-jpeg-sprite images are 100%. Jpeg sprites will have their size applied by javascript
         width: 100%;
+        max-height: none;
+        max-width: none;
         border-radius: 0px;
     }
 
@@ -52,19 +53,20 @@
     bottom: 0px;
     height: 100%;
     width: 100%;
+    margin: auto; // Required when video is different dimensions to container (e.g., fullscreen)
+    overflow: hidden;
     z-index: 1;
-    transition: opacity 0.3s 0.3s ease;
+    transition: opacity 0.3s ease;
     filter: blur(1px);
     
     img {
         position: absolute;
         left: 0px;
-        right: 0px;
         top: 0px;
-        bottom: 0px;
-        margin: auto;
         height: 100%;
         width: 100%;
+        max-height: none;
+        max-width: none;
         object-fit: contain;
     }
 }