ProximaEntertainment/plyr
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Caption change position on controls hidden

Browse Source
This commit is contained in:
Sam Potts
2016-05-01 12:49:04 +10:00
parent 44bb6c077c
commit 8172e2339d
5 changed files with 16 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
src/less/plyr.less
View File

@ -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
// --------------------------------------------------------------

7
src/scss/plyr.scss
View File

@ -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
// --------------------------------------------------------------