From a80b31bf98ca14279128ecbf32b13ba748e438fc Mon Sep 17 00:00:00 2001 From: Albin Larsson Date: Fri, 8 Jun 2018 13:31:29 +0200 Subject: Fix #1003: Formatted captions issue --- src/sass/components/captions.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'src/sass/components/captions.scss') diff --git a/src/sass/components/captions.scss b/src/sass/components/captions.scss index 9dfc2be8..8fce581a 100644 --- a/src/sass/components/captions.scss +++ b/src/sass/components/captions.scss @@ -21,7 +21,7 @@ transition: transform 0.4s ease-in-out; width: 100%; - span { + .plyr__caption { background: $plyr-captions-bg; border-radius: 2px; box-decoration-break: clone; -- cgit v1.2.3 From 9488de30e5ec5363a9fa3298c846a5ba100e4dbb Mon Sep 17 00:00:00 2001 From: Albin Larsson Date: Tue, 31 Jul 2018 16:17:55 +0200 Subject: Fix #1137: Improve captions positioning consistency --- src/sass/components/captions.scss | 7 ++++--- 1 file changed, 4 insertions(+), 3 deletions(-) (limited to 'src/sass/components/captions.scss') 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)); } + -- cgit v1.2.3