From 9ebc2719d31e39b822eda42c2eb3272330e9fc5d Mon Sep 17 00:00:00 2001
From: Sam Potts <sam@potts.es>
Date: Sun, 6 May 2018 00:49:12 +1000
Subject: v3.3.0

---
 src/sass/components/poster.scss | 22 ++++++++++++++++++++++
 1 file changed, 22 insertions(+)
 create mode 100644 src/sass/components/poster.scss

(limited to 'src/sass/components')

diff --git a/src/sass/components/poster.scss b/src/sass/components/poster.scss
new file mode 100644
index 00000000..b2518a78
--- /dev/null
+++ b/src/sass/components/poster.scss
@@ -0,0 +1,22 @@
+// --------------------------------------------------------------
+// Faux poster overlay
+// --------------------------------------------------------------
+
+.plyr__poster {
+    background-color: #000;
+    background-position: 50% 50%;
+    background-repeat: no-repeat;
+    background-size: 100% 100%;
+    height: 100%;
+    left: 0;
+    opacity: 0;
+    position: absolute;
+    top: 0;
+    transition: opacity 0.3s ease;
+    width: 100%;
+    z-index: 1;
+}
+
+.plyr--stopped .plyr__poster {
+    opacity: 1;
+}
-- 
cgit v1.2.3


From 90919411e9e2384494f4796f2c72507685e959bb Mon Sep 17 00:00:00 2001
From: Sam Potts <sam@potts.es>
Date: Tue, 8 May 2018 12:57:24 +1000
Subject: Use div for poster, Vimeo fixes, Tooltip fixes

---
 src/sass/components/embed.scss    | 4 ++--
 src/sass/components/tooltips.scss | 1 +
 2 files changed, 3 insertions(+), 2 deletions(-)

(limited to 'src/sass/components')

diff --git a/src/sass/components/embed.scss b/src/sass/components/embed.scss
index d72836de..be807739 100644
--- a/src/sass/components/embed.scss
+++ b/src/sass/components/embed.scss
@@ -32,8 +32,8 @@ $embed-padding: ((100 / 16) * 9);
         pointer-events: none;
     }
 
-    // Vimeo hack
-    > div {
+    // Only used for Vimeo
+    > .plyr__video-embed__container {
         padding-bottom: to-percentage($height);
         position: relative;
         transform: translateY(-$offset);
diff --git a/src/sass/components/tooltips.scss b/src/sass/components/tooltips.scss
index 19a9ce56..537e2444 100644
--- a/src/sass/components/tooltips.scss
+++ b/src/sass/components/tooltips.scss
@@ -19,6 +19,7 @@
     transform: translate(-50%, 10px) scale(0.8);
     transform-origin: 50% 100%;
     transition: transform 0.2s 0.1s ease, opacity 0.2s 0.1s ease;
+    white-space: nowrap;
     z-index: 2;
 
     // The background triangle
-- 
cgit v1.2.3