Fix animation for logo without background.

Team254 · Oct 20, 2021 · 4b0a391 · 4b0a391
1 parent 523ac1a
commit 4b0a391
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 6 deletions.
diff --git a/static/js/audience_display.js b/static/js/audience_display.js
@@ -248,13 +248,11 @@ var transitionInMatchToBlank = function(callback) {
 };
 
 var transitionBlankToLogoLuma = function(callback) {
-  $(".blindsCenter.blank").transition({ queue: false, rotateY: "180deg" }, 500, "ease");
-  $(".blindsCenter.full").transition({ queue: false, rotateY: "0deg" }, 500, "ease", callback);
+  $(".blindsCenter.full").transition({ queue: false, rotateY: "0deg" }, 1000, "ease", callback);
 };
 
 var transitionLogoLumaToBlank = function(callback) {
-  $(".blindsCenter.blank").transition({queue: false, rotateY: "360deg"}, 500, "ease");
-  $(".blindsCenter.full").transition({queue: false, rotateY: "180deg"}, 500, "ease");
+  $(".blindsCenter.full").transition({queue: false, rotateY: "180deg"}, 1000, "ease", callback);
 };
 
 var transitionBlankToLogo = function(callback) {

diff --git a/templates/match_play.html b/templates/match_play.html
@@ -205,12 +205,13 @@
             </div>
             <div class="radio">
               <label>
-                <input type="radio" name="audienceDisplay" value="logo" onclick="setAudienceDisplay();">Logo
+                <input type="radio" name="audienceDisplay" value="logo" onclick="setAudienceDisplay();">Logo With BG
               </label>
             </div>
             <div class="radio">
               <label>
-                <input type="radio" name="audienceDisplay" value="logoluma" onclick="setAudienceDisplay();">Logo w/ Key
+                <input type="radio" name="audienceDisplay" value="logoluma" onclick="setAudienceDisplay();">
+                Logo Without BG
               </label>
             </div>
             <div class="radio">