diff options
| author | Albin Larsson <mail@albinlarsson.com> | 2018-07-31 16:17:55 +0200 |
|---|---|---|
| committer | Albin Larsson <mail@albinlarsson.com> | 2018-07-31 16:26:34 +0200 |
| commit | 9488de30e5ec5363a9fa3298c846a5ba100e4dbb (patch) | |
| tree | 6464b454b81c18d3b37fd1c1d5b6f6908be5b6cd /src/sass/components/captions.scss | |
| parent | e3dfd160965d09fa3aee517f0a7aefe17c9dd69b (diff) | |
| download | plyr-9488de30e5ec5363a9fa3298c846a5ba100e4dbb.tar.lz plyr-9488de30e5ec5363a9fa3298c846a5ba100e4dbb.tar.xz plyr-9488de30e5ec5363a9fa3298c846a5ba100e4dbb.zip | |
Fix #1137: Improve captions positioning consistency
Diffstat (limited to 'src/sass/components/captions.scss')
| -rw-r--r-- | src/sass/components/captions.scss | 7 |
1 files changed, 4 insertions, 3 deletions
diff --git a/src/sass/components/captions.scss b/src/sass/components/captions.scss index 8fce581a..1cfca92e 100644 --- a/src/sass/components/captions.scss +++ b/src/sass/components/captions.scss @@ -17,7 +17,6 @@ padding: $plyr-control-spacing; position: absolute; text-align: center; - transform: translateY(-($plyr-control-spacing * 4)); transition: transform 0.4s ease-in-out; width: 100%; @@ -53,6 +52,8 @@ display: block; } -.plyr--hide-controls .plyr__captions { - transform: translateY(-($plyr-control-spacing * 1.5)); +// If the lower controls are shown and not empty +.plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty) ~ .plyr__captions { + transform: translateY(-($plyr-control-spacing * 4)); } + |