diff options
| author | Sam Potts <sam@potts.es> | 2020-01-21 22:29:00 +0000 |
|---|---|---|
| committer | Sam Potts <sam@potts.es> | 2020-01-21 22:29:00 +0000 |
| commit | fb704b945d95a53d4fbb5b616e2f0bcc9f0a278b (patch) | |
| tree | 5252f940330138d6d0a91e75a8469671e0e53202 | |
| parent | 71d6f59d5619845aafe5c4414831e56d310700ff (diff) | |
| download | plyr-fb704b945d95a53d4fbb5b616e2f0bcc9f0a278b.tar.lz plyr-fb704b945d95a53d4fbb5b616e2f0bcc9f0a278b.tar.xz plyr-fb704b945d95a53d4fbb5b616e2f0bcc9f0a278b.zip | |
Presentation fixes
| -rw-r--r-- | src/sass/base.scss | 5 | ||||
| -rw-r--r-- | src/sass/components/video.scss | 4 | ||||
| -rw-r--r-- | 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'] { |