From fb704b945d95a53d4fbb5b616e2f0bcc9f0a278b Mon Sep 17 00:00:00 2001 From: Sam Potts Date: Tue, 21 Jan 2020 22:29:00 +0000 Subject: [PATCH] Presentation fixes --- src/sass/base.scss | 5 +++-- src/sass/components/video.scss | 4 +--- src/sass/components/volume.scss | 1 - 3 files changed, 4 insertions(+), 6 deletions(-) diff --git a/src/sass/base.scss b/src/sass/base.scss index 9311f867..2aefd909 100644 --- a/src/sass/base.scss +++ b/src/sass/base.scss @@ -21,10 +21,11 @@ // Media elements video, - audio { + audio, + iframe { border-radius: inherit; + display: block; height: 100%; - vertical-align: middle; width: 100%; } 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 diff --git a/src/sass/components/volume.scss b/src/sass/components/volume.scss index 76fb6229..8afd76b0 100644 --- a/src/sass/components/volume.scss +++ b/src/sass/components/volume.scss @@ -5,7 +5,6 @@ .plyr__volume { align-items: center; display: flex; - // flex: 1; position: relative; input[type='range'] {