diff options
| author | Sam Potts <me@sampotts.me> | 2016-05-01 12:49:04 +1000 |
|---|---|---|
| committer | Sam Potts <me@sampotts.me> | 2016-05-01 12:49:04 +1000 |
| commit | 8172e2339d15a281041130009a7b70a68e642f7e (patch) | |
| tree | 01ad2f7a3a72ac1047de22f98d9dd8bb9e762904 /src | |
| parent | 44bb6c077c25dab701548bff98682f61c9d80d6e (diff) | |
| download | plyr-8172e2339d15a281041130009a7b70a68e642f7e.tar.lz plyr-8172e2339d15a281041130009a7b70a68e642f7e.tar.xz plyr-8172e2339d15a281041130009a7b70a68e642f7e.zip | |
Caption change position on controls hidden
Diffstat (limited to 'src')
| -rw-r--r-- | src/less/plyr.less | 7 | ||||
| -rw-r--r-- | src/scss/plyr.scss | 7 |
2 files changed, 12 insertions, 2 deletions
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 // -------------------------------------------------------------- |