diff options
| author | Sam Potts <sam@potts.es> | 2020-01-14 22:32:45 +0000 |
|---|---|---|
| committer | Sam Potts <sam@potts.es> | 2020-01-14 22:32:45 +0000 |
| commit | def366803021ecf2d80ec7ce555c60cd8edf5700 (patch) | |
| tree | 8f6498114dd36106dacc7df633b7bc3d182fd5e3 /src | |
| parent | a77d2d56f67d6b601940d89bd8ac9831e0949963 (diff) | |
| download | plyr-def366803021ecf2d80ec7ce555c60cd8edf5700.tar.lz plyr-def366803021ecf2d80ec7ce555c60cd8edf5700.tar.xz plyr-def366803021ecf2d80ec7ce555c60cd8edf5700.zip | |
Fix issues with fixed ratios and 100% height/width
Diffstat (limited to 'src')
| -rw-r--r-- | src/sass/base.scss | 3 | ||||
| -rw-r--r-- | src/sass/components/video.scss | 2 | ||||
| -rw-r--r-- | src/sass/states/fullscreen.scss | 2 |
3 files changed, 5 insertions, 2 deletions
diff --git a/src/sass/base.scss b/src/sass/base.scss index 9bb9d98a..71a5010d 100644 --- a/src/sass/base.scss +++ b/src/sass/base.scss @@ -5,8 +5,9 @@ // Base .plyr { @include plyr-font-smoothing($plyr-font-smoothing); - + align-items: center; direction: ltr; + display: flex; font-family: $plyr-font-family; font-variant-numeric: tabular-nums; // Force monosace-esque number widths font-weight: $plyr-font-weight-regular; 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; } diff --git a/src/sass/states/fullscreen.scss b/src/sass/states/fullscreen.scss index 5632a60f..73dffd29 100644 --- a/src/sass/states/fullscreen.scss +++ b/src/sass/states/fullscreen.scss @@ -24,8 +24,8 @@ // Fallback for unsupported browsers .plyr--fullscreen-fallback { @include plyr-fullscreen-active(); - bottom: 0; + display: block; left: 0; position: fixed; right: 0; |