diff options
| author | James <james@hale.com.au> | 2018-12-15 11:32:50 +1100 |
|---|---|---|
| committer | James <james@hale.com.au> | 2018-12-15 11:32:50 +1100 |
| commit | d97257a5a93707fbbdc150226c9fbee8feb8aedb (patch) | |
| tree | e49f64cb63a1150968a37d1eb692a0987dfeb612 /src/sass | |
| parent | 279f0519053143c43f84d1b0e3511593d26533ae (diff) | |
| download | plyr-d97257a5a93707fbbdc150226c9fbee8feb8aedb.tar.lz plyr-d97257a5a93707fbbdc150226c9fbee8feb8aedb.tar.xz plyr-d97257a5a93707fbbdc150226c9fbee8feb8aedb.zip | |
Preview seek: Edge+IE11 fixes
- Fixed bug: Edge seek errors: Replaced array spread with Array.from()
- Fixed IE11 bug: seek time was offset to the left. Required an extra container div to facilitate this
Diffstat (limited to 'src/sass')
| -rw-r--r-- | src/sass/plugins/previewThumbnails.scss | 19 |
1 files changed, 12 insertions, 7 deletions
diff --git a/src/sass/plugins/previewThumbnails.scss b/src/sass/plugins/previewThumbnails.scss index 044048eb..4de90667 100644 --- a/src/sass/plugins/previewThumbnails.scss +++ b/src/sass/plugins/previewThumbnails.scss @@ -32,16 +32,21 @@ } // Seek time text - span { + .plyr__preview-time-text-container { position: absolute; bottom: 0px; + left: 0px; + right: 0px; + margin-bottom: 2px; z-index: 3; - transform: translate(-50%,0); - background-color: rgba(0,0,0,0.55); - color: rgba(255,255,255,1); - padding: 4px 6px 3px 6px; - font-size: $plyr-font-size-small; - font-weight: $plyr-font-weight-regular; + + span { + background-color: rgba(0,0,0,0.55); + color: rgba(255,255,255,1); + padding: 4px 6px 3px 6px; + font-size: $plyr-font-size-small; + font-weight: $plyr-font-weight-regular; + } } } |