From 4b733b56571743d53fa82939df0661c24427131d Mon Sep 17 00:00:00 2001 From: Joshua Spayd Date: Thu, 13 Jul 2017 19:33:50 +0000 Subject: [PATCH] Fix video caption centering Fixes super off-center captions for full screen video with captions on and transcripts off. Perfects caption centering in general, which was before a bit off. Leveraging pre-existing .closed class. --- common/lib/xmodule/xmodule/css/video/display.scss | 9 +++++++-- 1 file changed, 7 insertions(+), 2 deletions(-) diff --git a/common/lib/xmodule/xmodule/css/video/display.scss b/common/lib/xmodule/xmodule/css/video/display.scss index 8f0c205160..03d61b7630 100644 --- a/common/lib/xmodule/xmodule/css/video/display.scss +++ b/common/lib/xmodule/xmodule/css/video/display.scss @@ -215,7 +215,8 @@ $cool-dark: rgb(79, 89, 93); // UXPL cool dark .closed-captions { @include left(5%); position: absolute; - width: 85%; + width: 90%; + box-sizing: border-box; top: 70%; text-align: center; } @@ -715,7 +716,11 @@ $cool-dark: rgb(79, 89, 93); // UXPL cool dark &.video-fullscreen { .closed-captions { - width: 60%; + width: 65%; + } + + &.closed .closed-captions { + width: 90%; } }