From d76854a4800df84f325d89e499d70bb0b121e4a1 Mon Sep 17 00:00:00 2001 From: MaZderMind Date: Fri, 26 Dec 2014 01:43:33 +0100 Subject: fix selectable subtitle block --- assets/css/lustige-styles.css | 11 ++++++++--- assets/css/src/lustige-styles.scss | 7 +++++-- assets/js/lustiges-script.js | 5 +++-- 3 files changed, 16 insertions(+), 7 deletions(-) diff --git a/assets/css/lustige-styles.css b/assets/css/lustige-styles.css index f64383a..6a06dfb 100644 --- a/assets/css/lustige-styles.css +++ b/assets/css/lustige-styles.css @@ -5626,19 +5626,24 @@ a.inverted { font-size: 65px; text-align: center; opacity: 0; + display: none; padding: 5px 0; overflow: hidden; } .mejs-container .mejs-subs-line .silence { font-size: 49%; opacity: 0; + display: none; color: #555; } .mejs-container .mejs-subs-line.silence .silence { - opacity: 1; } + opacity: 1; + display: block; } .mejs-container .mejs-subs-line .error { color: red; - opacity: 0; } + opacity: 0; + display: none; } .mejs-container .mejs-subs-line.error .error { - opacity: 1; } + opacity: 1; + display: block; } .mejs-container .mejs-controls { visibility: visible !important; height: 39px; } diff --git a/assets/css/src/lustige-styles.scss b/assets/css/src/lustige-styles.scss index c26de97..b4491ad 100644 --- a/assets/css/src/lustige-styles.scss +++ b/assets/css/src/lustige-styles.scss @@ -467,21 +467,24 @@ a.inverted { font-size: 65px; text-align: center; opacity: 0; + display: none; padding: 5px 0; overflow: hidden; .silence { font-size: 49%; opacity: 0; + display: none; color: #555; } - &.silence .silence { opacity: 1; } + &.silence .silence { opacity: 1; display: block; } .error { color: red; opacity: 0; + display: none; } - &.error .error { opacity: 1; } + &.error .error { opacity: 1; display: block; } } .mejs-controls { diff --git a/assets/js/lustiges-script.js b/assets/js/lustiges-script.js index 26d68b9..322c69e 100644 --- a/assets/js/lustiges-script.js +++ b/assets/js/lustiges-script.js @@ -5,10 +5,11 @@ $.fn.pulseSubsLine = function(klass) { .hide() .end() .addClass(klass) + .css({display: 'block'}) .animate({opacity: 1, duration: .75}, function() { setTimeout(function() { e.animate({opacity: 0, duration: .5}, function() { - e.removeClass(klass); + e.css({display: 'none'}).removeClass(klass); }) }, 5000); }); @@ -103,7 +104,7 @@ MediaElementPlayer.prototype.buildsubs = function(player, controls, layers, medi var socket = io(host); socket.on('connect', function() { - $line.animate({opacity: 1}, t); + $line.show().animate({opacity: 1}, t); socket.emit('join', room); }); -- cgit v1.2.3