Andal.LND/edx-platform
6
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

AC-473 fixing width of closed captions in fullscreen

Browse Source
This commit is contained in:
Chris Rodriguez
2016-06-06 14:46:04 -04:00
parent 1786e25bf2
commit c1942467bf
2 changed files with 21 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
common/lib/xmodule/xmodule/css/video/display.scss
View File

@@ -744,6 +744,13 @@
}
}
}
&.video-fullscreen {
.closed-captions {
width: 60%;
}
}
.subtitles {
@include float(left);

16
common/lib/xmodule/xmodule/js/src/video/04_video_full_screen.js
View File

@@ -133,7 +133,8 @@ define('video/04_video_full_screen.js', [], function () {
}
function exit() {
var fullScreenClassNameEl = this.el.add(document.documentElement);
var fullScreenClassNameEl = this.el.add(document.documentElement),
closedCaptionsEl = this.el.find('.closed-captions');
this.videoFullScreen.fullScreenState = this.isFullScreen = false;
fullScreenClassNameEl.removeClass('video-fullscreen');
@@ -146,10 +147,16 @@ define('video/04_video_full_screen.js', [], function () {
.text(gettext('Fill browser'));
this.el.trigger('fullscreen', [this.isFullScreen]);
$(closedCaptionsEl).css({
'top': '70%',
'left': '5%'
});
}
function enter() {
var fullScreenClassNameEl = this.el.add(document.documentElement);
var fullScreenClassNameEl = this.el.add(document.documentElement),
closedCaptionsEl = this.el.find('.closed-captions');
this.scrollPos = $(window).scrollTop();
$(window).scrollTop(0);
@@ -163,6 +170,11 @@ define('video/04_video_full_screen.js', [], function () {
.text(gettext('Exit full browser'));
this.el.trigger('fullscreen', [this.isFullScreen]);
$(closedCaptionsEl).css({
'top': '70%',
'left': '5%'
});
}
/** Toggle fullscreen mode. */