From 8172e2339d15a281041130009a7b70a68e642f7e Mon Sep 17 00:00:00 2001
From: Sam Potts <me@sampotts.me>
Date: Sun, 1 May 2016 12:49:04 +1000
Subject: Caption change position on controls hidden

---
 src/less/plyr.less | 7 ++++++-
 src/scss/plyr.scss | 7 ++++++-
 2 files changed, 12 insertions(+), 2 deletions(-)

(limited to 'src')

diff --git a/src/less/plyr.less b/src/less/plyr.less
index 779f5eea..f78776f2 100644
--- a/src/less/plyr.less
+++ b/src/less/plyr.less
@@ -201,7 +201,9 @@
     bottom: 0;
     left: 0;
     width: 100%;
-    padding: (@plyr-control-spacing * 2) (@plyr-control-spacing * 2) (@plyr-control-spacing * 8);
+    padding: (@plyr-control-spacing * 2);
+    transform: translateY(-(@plyr-control-spacing * 6));
+    transition: transform .3s ease;
     color: #fff;
     font-size: @plyr-font-size-captions-base;
     text-align: center;
@@ -226,6 +228,9 @@
 .plyr--fullscreen-active .plyr__captions {
     font-size: @plyr-font-size-captions-large;
 }
+.plyr--hide-controls .plyr__captions {
+    transform: translateY(-(@plyr-control-spacing * 2));
+}
 
 // Controls
 // --------------------------------------------------------------
diff --git a/src/scss/plyr.scss b/src/scss/plyr.scss
index 79703bde..746b1834 100644
--- a/src/scss/plyr.scss
+++ b/src/scss/plyr.scss
@@ -201,7 +201,9 @@
     bottom: 0;
     left: 0;
     width: 100%;
-    padding: ($plyr-control-spacing * 2) ($plyr-control-spacing * 2) ($plyr-control-spacing * 8);
+    padding: ($plyr-control-spacing * 2);
+    transform: translateY(-($plyr-control-spacing * 6));
+    transition: transform .3s ease;
     color: #fff;
     font-size: $plyr-font-size-captions-base;
     text-align: center;
@@ -226,6 +228,9 @@
 .plyr--fullscreen-active .plyr__captions {
     font-size: $plyr-font-size-captions-large;
 }
+.plyr--hide-controls .plyr__captions {
+    transform: translateY(-($plyr-control-spacing * 2));
+}
 
 // Controls
 // --------------------------------------------------------------
-- 
cgit v1.2.3