From 3a9beaed59f4eaca6ce2fd3f167f5c171317bb26 Mon Sep 17 00:00:00 2001
From: Sam Potts <me@sampotts.me>
Date: Mon, 6 Nov 2017 20:27:19 +1100
Subject: Vimeo captions fix

---
 src/js/plugins/vimeo.js        | 2 +-
 src/less/components/embed.less | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

(limited to 'src')

diff --git a/src/js/plugins/vimeo.js b/src/js/plugins/vimeo.js
index 6e4f34a2..9b67bdb0 100644
--- a/src/js/plugins/vimeo.js
+++ b/src/js/plugins/vimeo.js
@@ -19,7 +19,7 @@ const vimeo = {
         // Set aspect ratio
         const ratio = this.config.ratio.split(':');
         const padding = 100 / ratio[0] * ratio[1];
-        const offset = (400 - padding) / 8;
+        const offset = (300 - padding) / 6;
         this.elements.wrapper.style.paddingBottom = `${padding}%`;
         this.media.style.transform = `translateY(-${offset}%)`;
 
diff --git a/src/less/components/embed.less b/src/less/components/embed.less
index 7860f671..d31e4770 100644
--- a/src/less/components/embed.less
+++ b/src/less/components/embed.less
@@ -6,7 +6,7 @@
 .plyr__video-embed {
     // Default to 16:9 ratio but this is set by JavaScript based on config
     @padding: ((100 / 16) * 9);
-    @offset: unit((400 - @padding) / 8, ~'%');
+    @offset: unit((300 - @padding) / 6, ~'%');
 
     padding-bottom: unit(@padding, ~'%');
     height: 0;
@@ -24,7 +24,7 @@
     // Vimeo hack
     > div {
         position: relative;
-        padding-bottom: 400%;
+        padding-bottom: 300%;
         transform: translateY(-@offset);
     }
 }
-- 
cgit v1.2.3