From def366803021ecf2d80ec7ce555c60cd8edf5700 Mon Sep 17 00:00:00 2001
From: Sam Potts <sam@potts.es>
Date: Tue, 14 Jan 2020 22:32:45 +0000
Subject: Fix issues with fixed ratios and 100% height/width

---
 src/sass/components/video.scss | 2 ++
 1 file changed, 2 insertions(+)

(limited to 'src/sass/components/video.scss')

diff --git a/src/sass/components/video.scss b/src/sass/components/video.scss
index fdcf4f2d..c94e1424 100644
--- a/src/sass/components/video.scss
+++ b/src/sass/components/video.scss
@@ -15,8 +15,10 @@
 .plyr__video-wrapper {
     background: #000;
     border-radius: inherit;
+    margin: auto;
     overflow: hidden;
     position: relative;
+    width: 100%;
     // Require z-index to force border-radius
     z-index: 0;
 }
-- 
cgit v1.2.3


From fb704b945d95a53d4fbb5b616e2f0bcc9f0a278b Mon Sep 17 00:00:00 2001
From: Sam Potts <sam@potts.es>
Date: Tue, 21 Jan 2020 22:29:00 +0000
Subject: Presentation fixes

---
 src/sass/components/video.scss | 4 +---
 1 file changed, 1 insertion(+), 3 deletions(-)

(limited to 'src/sass/components/video.scss')

diff --git a/src/sass/components/video.scss b/src/sass/components/video.scss
index c94e1424..ef70c104 100644
--- a/src/sass/components/video.scss
+++ b/src/sass/components/video.scss
@@ -15,6 +15,7 @@
 .plyr__video-wrapper {
     background: #000;
     border-radius: inherit;
+    height: 100%;
     margin: auto;
     overflow: hidden;
     position: relative;
@@ -35,12 +36,9 @@ $embed-padding: ((100 / 16) * 9);
 .plyr__video-embed iframe,
 .plyr__video-wrapper--fixed-ratio video {
     border: 0;
-    height: 100%;
     left: 0;
     position: absolute;
     top: 0;
-    user-select: none;
-    width: 100%;
 }
 
 // If the full custom UI is supported
-- 
cgit v1.2.3


From f8a28b632cf12a2c557a766010252b9edd4cdb8e Mon Sep 17 00:00:00 2001
From: Sam Potts <sam@potts.es>
Date: Sun, 26 Jan 2020 22:05:21 +0000
Subject: Audio style fix

---
 src/sass/components/video.scss | 4 ----
 1 file changed, 4 deletions(-)

(limited to 'src/sass/components/video.scss')

diff --git a/src/sass/components/video.scss b/src/sass/components/video.scss
index ef70c104..e5f6fe87 100644
--- a/src/sass/components/video.scss
+++ b/src/sass/components/video.scss
@@ -14,14 +14,10 @@
 
 .plyr__video-wrapper {
     background: #000;
-    border-radius: inherit;
     height: 100%;
     margin: auto;
     overflow: hidden;
-    position: relative;
     width: 100%;
-    // Require z-index to force border-radius
-    z-index: 0;
 }
 
 // Default to 16:9 ratio but this is set by JavaScript based on config
-- 
cgit v1.2.3


From 5837c2d5f0bdbf156bb591a6e0e02ba62e973e29 Mon Sep 17 00:00:00 2001
From: Sam Potts <sam@potts.es>
Date: Mon, 10 Feb 2020 11:23:57 +0000
Subject: SASS orginasation clean up and flex-direction added

---
 src/sass/components/video.scss | 51 ------------------------------------------
 1 file changed, 51 deletions(-)
 delete mode 100644 src/sass/components/video.scss

(limited to 'src/sass/components/video.scss')

diff --git a/src/sass/components/video.scss b/src/sass/components/video.scss
deleted file mode 100644
index e5f6fe87..00000000
--- a/src/sass/components/video.scss
+++ /dev/null
@@ -1,51 +0,0 @@
-// --------------------------------------------------------------
-// Video styles
-// --------------------------------------------------------------
-
-.plyr--video {
-    background: #000;
-    overflow: hidden;
-
-    // Menu open
-    &.plyr--menu-open {
-        overflow: visible;
-    }
-}
-
-.plyr__video-wrapper {
-    background: #000;
-    height: 100%;
-    margin: auto;
-    overflow: hidden;
-    width: 100%;
-}
-
-// Default to 16:9 ratio but this is set by JavaScript based on config
-$embed-padding: ((100 / 16) * 9);
-
-.plyr__video-embed,
-.plyr__video-wrapper--fixed-ratio {
-    height: 0;
-    padding-bottom: to-percentage($embed-padding);
-}
-
-.plyr__video-embed iframe,
-.plyr__video-wrapper--fixed-ratio video {
-    border: 0;
-    left: 0;
-    position: absolute;
-    top: 0;
-}
-
-// If the full custom UI is supported
-.plyr--full-ui .plyr__video-embed {
-    $height: 240;
-    $offset: to-percentage(($height - $embed-padding) / ($height / 50));
-
-    // Only used for Vimeo
-    > .plyr__video-embed__container {
-        padding-bottom: to-percentage($height);
-        position: relative;
-        transform: translateY(-$offset);
-    }
-}
-- 
cgit v1.2.3